@font-face {
  font-family: "disicon";
  font-weight: normal;
  font-style: normal;
  src: url("/portal/common-secondary/fonts/disicon.ttf?ocue0e") format("truetype"), url("/portal/common-secondary/fonts/disicon.woff?ocue0e") format("woff"), url("/portal/common-secondary/fonts/disicon.svg?ocue0e#disicon") format("svg");
}

/* 2016.08.15 ADD START */

#wrapper {
    background: #f0f0f0 url("/portal/common/img/bg_body01.gif") no-repeat scroll center top;
}

#contents {
    background: #f0f0f0 url("/portal/common/img/bg_body01.gif") no-repeat scroll center top;
    color: #333;
    font-family: "ƒqƒ‰ƒMƒmŠpƒSPro W3","Hiragino Kaku Gothic Pro",Osaka,"Meiryo UI","‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Arial,Helvetica,Verdana,sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

#site-area-header * {
	box-sizing: border-box
}

#modalConfirmDialog * {
	box-sizing: border-box
}

#global-nav--primary * {
	box-sizing: border-box
}

/* 2016.08.15 ADD END */

.global-nav--primary .nest-navigation .hide--nest-menu span::before,
.elem-ranking-stack .elem-ranking-container .elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder h2 a::after,
.elem-txt-list--anchor .txt-list--anchor>li>a::before,
.elem-vendor-entrance .vendor-entrance-footer .right-container a::before,
.elem-side-column-nav ul li span::before,
.elem-grouping-nav ul li span::before,
.elem-blockquote[data-quote-type=""] .lower p a::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "disicon" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 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: transparent;
}

/**
 * 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: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * 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: -.5em;
}

sub {
  bottom: -.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

/* 2016.08.15 DEL START
img {
  border: 0;
}
 2016.08.15 DEL END */

/**
 * Correct overflow not hidden in IE 8/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 {
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  color: inherit;
  /* 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"] {
  /* 2 */
  cursor: pointer;
  -webkit-appearance: button;
  /* 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 {
  padding: 0;
  border: 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.
 */

input[type="search"] {
  /* 1 */
  box-sizing: content-box;
  -webkit-appearance: textfield;
  /* 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 {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}

/**
 * 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 {
  /* 1 */
  padding: 0;
  border: 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.
 */

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

th,
td {
  padding: 0;
}

/*	Base Styles
*************************************************/

/* 2016.08.15 DEL START
* {
  box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: border-box;
}
 2016.08.15 DEL END */

html {
  font: .875em/1.714 "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

html.mac {
  font: .875em/1.714 -apple-system, "Helvetica Neue", Helvetica, ŸΰƒSƒVƒbƒN‘Μ, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Arial, Verdana, sans-serif;
}

body {
  line-height: inherit;
  min-width: 1024px;
  color: #444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
  margin: 0;
}

figure {
  margin: 0;
}

p {
  margin: 0;
}

p,
li,
dt,
dd,
th,
td,
pre {
  word-break: break-strict;
  -ms-word-break: break-strict;
  -ms-line-break: strict;
  line-break: strict;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 2016.08.26 DEL DIS.KIWASA START
img {
  max-width: 100%;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -o-user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
}
/* 2016.08.26 DEL DIS.KIWASA END */

mark {
  color: #444;
  background-color: transparent;
}

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

i {
  font-style: normal;
}

abbr[title] {
  text-decoration: -moz-none;
  border-bottom: 1px transparent;
}

.material-icons {
  font-family: "Material Icons";
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  width: 1em;
  height: 1em;
  text-decoration: none;
  text-transform: none;
  color: #f05923;
  speak: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

.material-icons.md-dark {
  color: rgba(0, 0, 0, .54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, .26);
}

.material-icons.md-light {
  color: white;
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, .3);
}

/*	a
*************************************************/

a {
  transition: color .25s ease, background-color .35s ease, opacity .35s ease, -webkit-transform .15s ease-in-out;
  transition: color .25s ease, background-color .35s ease, opacity .35s ease, transform .15s ease-in-out;
  transition: color .25s ease, background-color .35s ease, opacity .35s ease, transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
  vertical-align: baseline;
  text-decoration: none;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

a:link,
a:visited,
a:active,
a:hover {
  overflow: hidden;
  outline: none;
}

a:link {
  color: #0d46a0;
}

a:hover,
a:focus {
  text-decoration: underline;
}

a img {
  transition: opacity .25s ease;
  opacity: 1;
}

a img:hover,
a img:focus {
  opacity: .8;
}

.no-touchevents a[href^="tel"] {
  text-decoration: none;
  pointer-events: none;
}

a[href^="http"]:empty::before {
  content: attr(href);
}

/* 2021/10/25 DIS YAIZAWA ADD-START */
a[href^="https"][rel^="lightbox"]:empty::before {
  content: "";
}
/* 2021/10/25 DIS YAIZAWA ADD-END */

a[data-decoration="false"] {
  text-decoration: none;
  color: #444;
}

/*	Typography
*************************************************/

/*	.browser-upgrade
*************************************************/

.browser-upgrade {
  /*		if (No need)	*/
}

.browser-upgrade>div>div {
  background: #0e47a1;
}

.browser-upgrade>div>div>div {
  max-width: 1024px;
  margin: 0 auto;
  padding: 10em 22px;
}

.browser-upgrade>div>div>div>div {
  text-align: center;
}

.browser-upgrade p {
  font-size: 1.286em;
  color: #fff;
}

.browser-upgrade p strong {
  color: inherit;
}

.browser-upgrade p a {
  color: #fff;
}

/*	No script
*************************************************/

noscript .noscript-anotation>div>div {
  background: #0e47a1;
}

noscript .noscript-anotation>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  max-width: 1024px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 12em 22px;
  -js-display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

noscript .noscript-anotation>div>div>div>div {
  text-align: center;
}

noscript .noscript-anotation p {
  font-size: 1.143em;
  color: #fff;
}

noscript .noscript-anotation p span a {
  color: inherit;
}

/* -.page-loader
*************************************************/

/*
	.page-loader {
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, .87);

		> div {
			> div {
				> div {
					> div {}
				}
			}
		}

		.container {
			position: absolute;
			z-index: 1;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			width: 200px;
			height: 200px;
			text-align: center;

			img {}

			span {
				display: block;
				margin-top: (5/18em);
				color: #bdbdbd;
				font-weight: 700;
				font-size: (1.286em);
				white-space: nowrap;
			}
		}
	}
*/

/* -.page-wrapper
*************************************************/

.page-wrapper {
  position: relative;
}

/* -.contents-wrapper
*************************************************/

.contents-wrapper>div {
  background-color: #f0f0f0;
}

.global-nav--primary[data-status="login"]+.contents-wrapper>div>div {
  padding-top: 44px;
}

/* -.layout-wrapper
*************************************************/

[data-layout="1"] .layout-wrapper>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px 40px;
}

[data-layout="2"] .layout-wrapper>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px 40px;
}

[data-layout="3"] .layout-wrapper>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px 40px;
}

html:not(.ie9) [data-layout="2"] .layout-wrapper>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

html:not(.ie9) [data-layout="3"] .layout-wrapper>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.layout-wrapper[data-bg-color="1"]>div>div {
  min-width: 980px;
  max-width: 980px;
  min-height: calc(100vh - 412px);
  padding: 51px 30px 40px;
  background-color: #fff;
}

.site-simple-area-header+.contents-wrapper .layout-wrapper[data-bg-color="1"]>div>div {
  min-height: calc(100vh - 230px);
}

.global-nav--dsf+.layout-wrapper[data-bg-color="1"]>div>div {
  padding-top: 40px;
}

.global-nav--dsf+.elem-heading-lv1+.layout-wrapper[data-bg-color="1"]>div>div {
  min-height: 0;
}

/* -.main-column
*************************************************/

[data-layout="2"] .main-column {
  width: 74.49%;
}

.ie9 [data-layout="2"] .main-column {
  float: left;
}

.ie9 [data-layout="2"] .side-column[data-column-position="left"]+.main-column {
  float: right;
}

[data-layout="2"] .layout-wrapper[data-bg-color="1"] .main-column {
  width: 72.872%;
}

.ie9 [data-layout="3"] .main-column {
  float: left;
}

/* -.side-column
*************************************************/

.side-column[data-column-position="right"] {
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

.ie9 .side-column[data-column-position="right"] {
  float: right;
}

.side-column[data-column-position="left"] {
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}

.ie9 .side-column[data-column-position="left"] {
  float: left;
}

[data-layout="2"] .side-column {
  width: 23.469%;
}

[data-layout="2"] .layout-wrapper[data-bg-color="1"] .side-column {
  width: 25%;
}

/* -.2020-renewal-contents-wrapper
*************************************************/

.renewal-2021-contents-wrapper[data-layout="3"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  min-width: 1280px;
  max-width: 1280px;
  margin: 0 auto 40px;
  padding: 0 36px;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.renewal-2021-main-column {
  margin-top: 10px;
}

[data-layout="3"] .renewal-2021-main-column {
  width: 740px;
}

.renewal-2021-side-column {
  font-size: 12px;
  margin-top: 10px;
}

[data-layout="3"] .renewal-2021-side-column[data-column-position="left"] {
  width: 214px;
}

[data-layout="3"] .renewal-2021-side-column[data-column-position="right"] {
  width: 214px;
}

/* -.divide-layout
*************************************************/

.divide-layout {
  margin: 0 auto 60px;
}

.divide-layout>div>div>div>div {
  margin: 0 -1.63%;
}

.divide-layout[data-column="2"] .item--divide {
  width: 46.842%;
}

.divide-layout[data-column="2"] .item--divide:nth-child(odd) {
  clear: both;
}

.divide-layout[data-column="2"] .item--divide:nth-child(n+3) {
  margin-top: 3.158%;
}

.divide-layout[data-column="3"]>div>div>div>div {
  margin: 0 -1.522%;
}

.divide-layout[data-column="3"] .item--divide {
  width: 30.38%;
  margin: 0 1.477%;
}

.divide-layout[data-column="3"] .item--divide:nth-child(3n+1) {
  clear: both;
}

.divide-layout[data-column="3"] .item--divide:nth-child(n+4) {
  margin-top: 3.376%;
}

.divide-layout[data-column="4"]>div>div>div>div {
  margin: 0 -1.522%;
}

.divide-layout[data-column="4"] .item--divide {
  width: 22.046%;
  margin: 0 1.477%;
}

.divide-layout[data-column="4"] .item--divide:nth-child(4n+1) {
  clear: both;
}

.divide-layout[data-column="4"] .item--divide:nth-child(n+5) {
  margin-top: 2.954%;
}

.divide-layout[data-column="5"] .item--divide {
  width: 16.842%;
}

.divide-layout[data-column="5"] .item--divide:nth-child(5n+1) {
  clear: both;
}

.divide-layout[data-column="5"] .item--divide:nth-child(n+6) {
  margin-top: 3.158%;
}

.divide-layout[data-column="6"]>div>div>div>div {
  margin: 0 -1.522%;
}

.divide-layout[data-column="6"] .item--divide {
  width: 13.713%;
  margin: 0 1.477%;
}

.divide-layout[data-column="6"] .item--divide:nth-child(6n+1) {
  clear: both;
}

.divide-layout[data-column="6"] .item--divide:nth-child(n+7) {
  margin-top: 2.954%;
}

.divide-layout[data-column-break="true"]>div>div>div>div {
  margin: 0 auto;
}

/*
%divide-layout--category {
	&.divide-layout--category {
		> div {
			> div {
				> div {
					> div {
						margin: 0 percentage(-5px / $main-width);
					}
				}
			}
		}
	}
}
*/

.divide-layout--sale.divide-layout[data-column="3"] {
  margin: 30px auto;
}

.divide-layout--sale.divide-layout[data-column="3"]>div>div>div>div {
  margin: 0 -.597%;
}

.divide-layout--sale.divide-layout[data-column="3"] .item--divide {
  width: 32.153%;
  margin: 0 .59%;
}

.divide-layout--sale.divide-layout[data-column="3"] .item--divide:nth-child(n+4) {
  margin-top: .714em;
}

.divide-layout--sale-recommend.divide-layout[data-column="3"] {
  margin: 0 auto;
}

.divide-layout--sale-recommend.divide-layout[data-column="3"]>div>div>div>div {
  margin: 0 -.786%;
}

.elem-heading-grouping-container .divide-layout[data-column="3"] {
  margin: 0 auto;
}

.elem-heading-grouping-container .divide-layout[data-column="3"]>div>div>div>div {
  margin: 0 -1.034%;
}

.elem-heading-grouping-container .divide-layout[data-column="3"] .item--divide {
  width: 31.306%;
  margin: 0 1.014%;
}

.elem-heading-grouping-container .divide-layout[data-column="3"] .item--divide:nth-child(n+4) {
  margin-top: .643em;
}

.divide-layout>div>div>div>div .item--divide {
  float: left;
  margin: 0 1.579%;
}

.divide-layout>div>div>div>div .item--divide[data-opacity="0"] {
  opacity: 0;
}

.divide-layout>div>div>div>div [class^="elem-"] {
  margin: 1.071em auto .714em;
}

.divide-layout>div>div>div>div [class^="elem-"]:first-child {
  margin-top: 0;
}

.divide-layout>div>div>div>div [class^="elem-"]:last-child {
  margin-bottom: 0;
}

.divide-layout>div>div>div>div .item--article-thumb a {
  display: block;
  color: #444;
}

.divide-layout>div>div>div>div .item--article-thumb a:hover {
  text-decoration: none;
}

.divide-layout>div>div>div>div .item--article-thumb a:hover .txt-container>div .txt-body p {
  text-decoration: underline;
}

.divide-layout>div>div>div>div .item--article-thumb .pic-container {
  position: relative;
}

.divide-layout>div>div>div>div .item--article-thumb .pic-container .holder {
  background-color: rgba(0, 0, 0, .8);
}

.divide-layout>div>div>div>div .item--article-thumb .pic-container .holder>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  height: 152px;
  -js-display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.divide-layout>div>div>div>div .item--article-thumb .pic-container .holder>div img {
  width: auto;
  max-width: 229px;
  max-height: 152px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.divide-layout>div>div>div>div .item--article-thumb .pic-container .pic-label-bottom {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 .714em;
  background-color: rgba(0, 0, 0, .8);
  -webkit-backdrop-filter: blur(10px);
}

.divide-layout>div>div>div>div .item--article-thumb .pic-container .pic-label-bottom p {
  text-align: center;
  color: #fff;
}

.divide-layout>div>div>div>div .item--article-thumb .txt-container {
  margin-top: .857em;
}

.divide-layout>div>div>div>div .item--article-thumb .txt-container .txt-head [class^="elem"]:last-child {
  margin-bottom: .214em;
}

.divide-layout>div>div>div>div .item--article-thumb .txt-container p {
  color: #0d46a0;
}

.divide-layout>div>div>div>div .item--article-thumb-narrow .pic-container .holder>div {
  height: 139px;
}

.divide-layout>div>div>div>div .item--article-thumb-narrow .pic-container .holder>div img {
  max-width: 210px;
  max-height: 139px;
}

.divide-layout>div>div>div>div .item--dsf a {
  color: #444;
}

.divide-layout>div>div>div>div .item--dsf a:hover {
  text-decoration: none;
}

.divide-layout>div>div>div>div .item--dsf a:hover .txt-container .txt-head p {
  text-decoration: underline;
}

.divide-layout>div>div>div>div .item--dsf .pic-container {
  position: relative;
}

.divide-layout>div>div>div>div .item--dsf .pic-container .holder>div img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.divide-layout>div>div>div>div .item--dsf .txt-container .txt-head p {
  color: #0d46a0;
}

.divide-layout>div>div>div>div .item--pickup a {
  display: block;
  overflow: visible;
}

.divide-layout>div>div>div>div .item--pickup a:hover img {
  opacity: .72;
}

.divide-layout>div>div>div>div .item--pickup .pic-container .holder {
  position: relative;
}

.divide-layout>div>div>div>div .item--pickup .pic-container .holder::after {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  content: "";
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: transparent transparent #ff3c00 transparent;
}

.divide-layout>div>div>div>div .item--pickup .pic-container .holder>div::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid #ff3d00;
}

.divide-layout>div>div>div>div .item--pickup .pic-container .holder>div img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.divide-layout>div>div>div>div .item--pickup .txt-container {
  margin-top: .5em;
}

.divide-layout>div>div>div>div .item--event i.new-event {
  font-weight: 700;
  margin-left: .5em;
  color: #d50000;
}

.divide-layout>div>div>div>div .item--divide.item--bargain-sale {
  width: 31.761%;
  margin: 0 .786%;
}

.divide-layout>div>div>div>div .item--divide.item--ranking {
  width: 32.174%;
  margin: 0 .543%;
  padding: 20px 13px 10px;
  border: 1px solid #e0e0e0;
}

.divide-layout>div>div>div>div .item--divide.item--ranking a:hover {
  text-decoration: none;
}

.divide-layout>div>div>div>div .item--divide.item--ranking a:hover .elem-txt-list {
  text-decoration: underline;
}

.divide-layout>div>div>div>div .item--divide.item--ranking .elem-txt-list .txt-list>li span {
  font-size: 1.143em;
  line-height: 1.3;
  word-break: break-all;
}

.divide-layout>div>div>div>div .item--divide.item--ranking .elem-txt-list--detail .txt-list--detail>dl>dt span {
  font-weight: normal;
}

.divide-layout>div>div>div>div .item--divide.item--ranking .elem-txt-list--detail .txt-list--detail>dl>dd {
  word-break: break-all;
}

.divide-layout>div>div>div>div .item--divide.item--ranking .elem-txt-list--detail .txt-list--detail span,
.divide-layout>div>div>div>div .item--divide.item--ranking .elem-txt-list--detail .txt-list--detail p {
  color: #444;
}

.divide-layout>div>div>div>div .item--stock>div {
  padding: 5.396%;
  border-radius: 8px;
  background-color: #f0f0f0;
}

.divide-layout>div>div>div>div .item--stock>div>a {
  display: block;
  color: #444;
}

.divide-layout>div>div>div>div .item--stock>div>a:focus,
.divide-layout>div>div>div>div .item--stock>div>a:hover {
  text-decoration: none;
}

.divide-layout>div>div>div>div .item--stock>div>a:focus .item--stock-head .txt-container .vendor span,
.divide-layout>div>div>div>div .item--stock>div>a:hover .item--stock-head .txt-container .vendor span {
  text-decoration: underline;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-head {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-head .pic-container {
  display: table-cell;
  width: 43.725%;
  vertical-align: top;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-head .pic-container .holder>div {
  display: inline-block;
  vertical-align: middle;
  border: solid 3px #e0e0e0;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-head .pic-container .holder>div img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-head .pic-container+.txt-container {
  padding-left: 1em;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-head .txt-container {
  display: table-cell;
  vertical-align: middle;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-head .txt-container p {
  font-size: 1.143em;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-head .txt-container p.vendor {
  color: #0d46a0;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-head .txt-container p.title {
  line-height: 1.45;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-body {
  margin: 10px auto;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-body:last-child {
  margin-bottom: 0;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-body .upper p {
  font-size: .714em;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-body .lower p.selling-price {
  font-size: 2.429em;
  line-height: 1.25;
  color: #d30100;
}

.divide-layout>div>div>div>div .item--stock>div .item--stock-foot {
  margin-top: 10px;
}

/* -.divide-layout--drop-items
*************************************************/

.divide-layout--drop-items .item+.item {
  margin-top: 1em;
}

/* -.site-simple-area-header
*******************************************/

.site-simple-area-header>div {
  border-bottom: solid 1px #e0e0e0;
  background-color: #fff;
}

.site-simple-area-header>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 12px 22px;
}

.site-simple-area-header .site-logo span {
  display: inline-block;
  vertical-align: middle;
}

.site-simple-area-header .site-logo span img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* -.site-area-header
*******************************************/

.site-area-header>div {
  background-color: #fff;
}

.site-area-header .partial-block>div {
  padding: .357em 0;
  border-bottom: solid 1px #e0e0e0;
}

.site-area-header .partial-block>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.site-area-header .partial-block>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.site-area-header .partial-block p {
  font-size: .786em;
  white-space: nowrap;
}

.site-area-header .primary-block>div {
  padding: .714em 0;
}

.site-area-header .primary-block>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.site-area-header .primary-block>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-area-header .primary-block .site-logo img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.site-area-header .primary-block .btn-horizontal-line ul {
  text-align: right;
  white-space: nowrap;
}

.site-area-header .primary-block .btn-horizontal-line ul li {
  position: relative;
  display: inline-block;
}

.site-area-header .primary-block .btn-horizontal-line ul li+li {
  margin-left: .714em;
}

.site-area-header .primary-block .btn-horizontal-line ul li button {
  font-size: .929em;
  display: block;
  max-width: 160px;
  height: 30px;
  padding: 0 .714em;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, .32);
}

.site-area-header .primary-block .btn-horizontal-line ul li button[data-type="1"] {
  background: linear-gradient(top, #f7ce1a, #ef790f);
  background-color: #f6b418;
}

.ie .site-area-header .primary-block .btn-horizontal-line ul li button[data-type="1"] {
  background: -ms-linear-gradient(top, #f7ce1a, #ef790f);
}

.firefox .site-area-header .primary-block .btn-horizontal-line ul li button[data-type="1"] {
  background: -moz-linear-gradient(top, #f7ce1a, #ef790f);
}

.site-area-header .primary-block .btn-horizontal-line ul li button[data-type="2"] {
  color: #fff;
  background-color: #424242;
}

.site-area-header .primary-block .btn-horizontal-line ul li button[data-type="3"] {
  background-color: #fff;
}

.site-area-header .primary-block .btn-horizontal-line ul li button#btn-put-product {
  color: #fff;
  background-color: #0e47a1;
}

.site-area-header .primary-block .btn-horizontal-line ul li button i::before {
  display: inline-block;
  vertical-align: middle;
}

.site-area-header .primary-block .btn-horizontal-line ul li button i.icon-cart::before {
  height: 26px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/icons/icon-cart.svg);
}

.site-area-header .primary-block .btn-horizontal-line ul li button i.icon-document::before {
  height: 20px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/icons/icon-document.svg);
}

.site-area-header .primary-block .btn-horizontal-line ul li button i.icon-star::before {
  height: 26px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/icons/icon-star.svg);
}

.site-area-header .primary-block .btn-horizontal-line ul li button i.icon-mail::before {
  height: 19px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/icons/icon-mail.svg);
}

.site-area-header .primary-block .btn-horizontal-line ul li button i.icon-help::before {
  height: 20px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/icons/icon-help.svg);
}

.site-area-header .primary-block .btn-horizontal-line ul li button span {
  vertical-align: middle;
}

.site-area-header .primary-block .btn-horizontal-line ul li [class^="badge"] {
  font-size: .786em;
  position: absolute;
  z-index: 1;
  top: 0;
  right: -8px;
  min-width: 18px;
  height: 18px;
  padding: 0 .455em;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
  text-align: center;
  color: #fff;
  border-radius: 9px;
  background-color: #f6453b;
}

.mac .site-area-header .primary-block .btn-horizontal-line ul li [class^="badge"] {
  line-height: 17px;
}

.site-area-header .secondary-block>div {
  background-color: #bbdefa;
}

.site-area-header .secondary-block>div>div {
  position: relative;
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.site-area-header .secondary-block>div>div::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: -1200px;
  width: 1222px;
  height: 100%;
  content: "";
  background: linear-gradient(to right, #bbdefa 0, #0e47a1 50%);
  background-color: #0e47a1;
}

.site-area-header .secondary-block>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ie9 .site-area-header .secondary-block>div>div>div>div {
  display: table;
}

.ie9 .site-area-header .secondary-block .head,
.ie9 .site-area-header .secondary-block .body {
  display: table-cell;
}

.site-area-header .secondary-block .head {
  width: 19.898%;
  background-image: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/bg-search-head.svg);
  background-repeat: no-repeat;
  background-position: -20px 50%;
}

.site-area-header .secondary-block .head .hide--nest-menu {
  display: none;
}

.site-area-header .secondary-block .head p {
  font-size: 2em;
  text-indent: 49px;
  color: #fff;
}

.site-area-header .secondary-block .body {
  display: inline-block;
  height: 30px;
  vertical-align: middle;
}

.site-area-header .secondary-block .body form {
  display: block;
  height: inherit;
  white-space: nowrap;
}

.site-area-header .secondary-block .body form .container-left {
  position: relative;
  padding: 0;
  white-space: nowrap;
  border-radius: 15px;
}

.site-area-header .secondary-block .body form .container-right {
  margin-left: 5px;
}

.site-area-header .secondary-block .body form [class^="container"] {
  display: inline-block;
  height: inherit;
  vertical-align: middle;
}

.site-area-header .secondary-block .body form .pull-down-trigger {
  display: inline-block;
  padding: 0 1.429em 0 1em;
  cursor: pointer;
  vertical-align: middle;
  border-left: solid 1px #e0e0e0;
  background: no-repeat 97% 47% url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/arrow-bottom.svg);
}

.site-area-header .secondary-block .body form .pull-down-body {
  position: absolute;
  z-index: 22;
  top: 39px;
  right: -92px;
  display: none;
  padding: 6px 8px 0;
  border: solid 1px #e0e0e0;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .32);
}

.site-area-header .secondary-block .body form .pull-down-body::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 17px;
  height: 8px;
  content: "";
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  background: no-repeat 0 0 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTcgOCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3IDgiPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMS40MjcsOCAxNS41NzMsOCA4LjUsMS4zNDJ6Ii8+CjxnIGZpbGw9IiNlMGUwZTAiPgo8cGF0aCBkPSJNOC41LC42NzEgMTYuMjg3LDggMTcsOCA4LjUsMCAwLDggLjcxMyw4eiIvPgo8cGF0aCBkPSJNOC41LDEuMzQyIDE1LjU3Myw4IDE2LjI4Nyw4IDguNSwuNjcxIC43MTMsOCAxLjQyNyw4eiIvPgo8L2c+Cjwvc3ZnPgo=);
}

.site-area-header .secondary-block .body form .pull-down-body .wrapper {
  display: table;
  width: 100%;
  padding: 1em 0 1em 8px;
}

.site-area-header .secondary-block .body form .pull-down-body .wrapper:last-child {
  padding: 1em 8px;
}

.site-area-header .secondary-block .body form .pull-down-body .wrapper+.wrapper {
  margin-top: 10px;
  border-top: solid 1px #e0e0e0;
}

.site-area-header .secondary-block .body form .pull-down-body .wrapper .head--pull-down {
  display: table-cell;
  width: 96px;
}

.site-area-header .secondary-block .body form .pull-down-body .wrapper .head--pull-down p {
  font-size: .857em;
  line-height: 1.4;
}

.site-area-header .secondary-block .body form .pull-down-body .wrapper .body--pull-down {
  display: table-cell;
  padding-left: 10px;
}

.site-area-header .secondary-block .body form .pull-down-body .wrapper button {
  width: 100%;
  height: 30px;
  letter-spacing: .5em;
}

.site-area-header .secondary-block .body form [class^="connote"] {
  height: inherit;
}

.site-area-header .secondary-block .body form [class^="connote"] input,
.site-area-header .secondary-block .body form [class^="connote"] button {
  height: inherit;
}

.site-area-header .secondary-block .body form .connote-btn button {
  width: 80px;
  border-radius: 4px;
  background: linear-gradient(top, #f7ce1a, #ef790f);
  background-color: #f6b418;
}

.ie .site-area-header .secondary-block .body form .connote-btn button {
  background: -ms-linear-gradient(top, #f7ce1a, #ef790f);
}

.firefox .site-area-header .secondary-block .body form .connote-btn button {
  background: -moz-linear-gradient(top, #f7ce1a, #ef790f);
}

.site-area-header .secondary-block .body form .connote-btn button::before {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-right: .2em;
  content: "";
  vertical-align: middle;
  background: 50% no-repeat url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/icons/icon-search.svg);
}

.site-area-header .secondary-block .body form .connote-input-search {
  display: inline-block;
  margin-right: 10px;
  padding: 0 14px;
  vertical-align: middle;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .3) inset;
}

.site-area-header .secondary-block .body form .connote-input-search input {
  font-size: 1em;
  width: 340px;
}

.site-area-header .secondary-block .body form .connote-input-option {
  display: inline-block;
  padding: 0 12px;
  vertical-align: middle;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .3) inset;
}

.site-area-header .secondary-block .body form .connote-input-option input {
  font-size: 1em;
  width: 170px;
}

.site-area-header .secondary-block .body form .connote-input-txt {
  width: 165px;
  height: 30px;
  padding: 0 1em;
  border: solid 1px #e0e0e0;
  border-radius: 15px;
}

.site-area-header .secondary-block .body form .connote-input-txt input {
  width: 100%;
}

.site-area-header .secondary-block .body form .connote-select {
  display: inline-block;
  overflow: hidden;
  width: 135px;
  height: 30px;
  padding: 0 2.3em 0 1em;
  text-align: center;
  vertical-align: middle;
  border-radius: 15px 0 0 15px;
  background: #eee no-repeat 90% 50% url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTIgOCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDgiPgo8cGF0aCBmaWxsPSIjNDQ0IiBkPSJNMTAuNTksMC4yOTVMNiw0Ljg3NWwtNC41OS00LjU4TDAsMS43MDVsNiw2bDYtNkwxMC41OSwwLjI5NXoiLz4KPC9zdmc+Cg==);
  box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .3) inset;
}

.site-area-header .secondary-block .body form .connote-select+.connote-select {
  margin-top: 10px;
}

.site-area-header .secondary-block .body form .connote-select+.connote-input-search {
  margin-right: 4px;
  margin-left: -10px;
  padding-left: 12px;
  border-radius: 0 14px 14px 0;
}

.site-area-header .secondary-block .body form .connote-select select {
  width: 170px;
  height: inherit;
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.site-area-header .secondary-block .body form .connote-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.site-area-header[data-status="logout"] .secondary-block .head .search-btn {
  display: none;
}

.site-area-header[data-status="login"] .secondary-block>div>div::before {
  display: none;
}

.site-area-header[data-status="login"] .secondary-block .head {
  padding-right: 10px;
  background-image: none;
}

.site-area-header[data-status="login"] .secondary-block .head .search-btn {
  width: 100%;
  margin: 10px 0;
  padding: 3.5px 20px;
  transition: .3s;
  border: none;
  border-radius: 30px;
  background-color: #0e47a1;
}

.site-area-header[data-status="login"] .secondary-block .head .search-btn span {
  font-weight: 700;
  color: #fff;
}

.site-area-header[data-status="login"] .secondary-block .head .search-btn span::after {
  font-family: "disicon";
  font-size: 15px;
  display: inline;
  padding-left: 10px;
  content: "\e900";
  vertical-align: middle;
}

.site-area-header[data-status="login"] .secondary-block .head__menu-area:hover .search-btn {
  background: #fff;
}

.site-area-header[data-status="login"] .secondary-block .head__menu-area:hover .search-btn span {
  color: #0e47a1;
}

.site-area-header[data-status="login"] .secondary-block .body form .connote-select {
  position: relative;
}

.site-area-header[data-status="login"] .secondary-block .body form .connote-select select {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
}

.site-area-header[data-status="login"] .secondary-block .body form .connote-select .select {
  position: absolute;
  z-index: 0;
  top: 4px;
  left: 1em;
  display: inline-block;
  overflow: hidden;
  width: 95px;
  height: 30px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: transparent;
}

.site-area-header[data-status="login"] .secondary-block .body form .connote-select .select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu {
  position: absolute;
  z-index: 22;
  top: 52px;
  display: none;
  width: 330px;
  transition: width .15s ease-in-out;
  background: #fff;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu::before {
  position: absolute;
  z-index: 3;
  top: -10px;
  left: 90px;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  border-width: 0 9px 10px 9px;
  border-style: solid;
  border-color: transparent transparent #aaa transparent;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu::after {
  position: absolute;
  z-index: 4;
  top: -9px;
  left: 90px;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  border-width: 0 9px 10px 9px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu.active::before,
.site-area-header[data-status="login"] .secondary-block .hide--nest-menu.active::after {
  opacity: 1;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu.open {
  width: 600px;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu span {
  font-size: 14px;
  position: relative;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu a {
  position: relative;
  text-decoration: none;
  color: #333;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu {
  width: 330px;
  padding: 10px 0;
  border: 1px solid #aaa;
  box-shadow: 0 3px 6px #707070;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu>ul>li {
  padding-top: 0;
  border-top: 1px solid #e0e0e0;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu>ul>li:first-child {
  border-top: none;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu>ul>li>div span {
  display: block;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu>ul>li+li {
  margin-top: .929em;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl {
  margin: 0 auto;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl>dt {
  display: none;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl>dd>ul>li:nth-child(n+2) {
  margin-top: 5px;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl>dd>ul>li>div>span::after {
  position: absolute;
  top: 8px;
  left: 20px;
  width: 3px;
  height: 3px;
  content: "";
  border-radius: 50%;
  background: #555;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl>dd>ul>li>div>span>a {
  display: block;
  padding: 0 35px;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl>dd>ul>li>div>span>a::after {
  font-family: "disicon";
  font-size: 15px;
  position: absolute;
  top: -2px;
  right: 15px;
  bottom: 0;
  display: inline;
  margin: auto;
  content: "\e904";
  color: #333;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd {
  margin-left: 0;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd>ul>li:hover>div>span>a {
  font-weight: 700;
  text-decoration: none;
  color: #333;
  background-color: #f0f0f0;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd>ul>li:nth-child(n+2) {
  margin-top: 5px;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd>ul>li a {
  position: relative;
  display: block;
  padding: 0 20px;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd>ul>li a.active {
  display: block;
  overflow: visible;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd>ul>li a.active::before {
  position: absolute;
  top: 50%;
  right: -8px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -4px;
  content: "";
  border-width: 7.5px 8px 7.5px 0;
  border-style: solid;
  border-color: transparent #e0e0e0 transparent transparent;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd>ul>li a.active::after {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -9px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  content: "";
  border-width: 6.5px 7px 6.5px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  width: 330px;
  min-height: 100%;
  padding: 10px 0;
  border: 1px solid #aaa;
  background: #fff;
  box-shadow: 0 3px 6px #707070;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu.active {
  display: block;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu .category--sub-menu dl {
  margin: 0;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu .category--sub-menu dt {
  display: none;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu .category--sub-menu dt span {
  padding-left: 0;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu .category--sub-menu dt span::before {
  content: normal;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu .category--sub-menu dd span::before {
  display: none;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu .category--sub-menu .holder {
  display: none;
  text-align: center;
}

.site-area-header[data-status="login"] .secondary-block .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu .category--sub-menu .caption {
  font-size: 1.143;
  font-weight: 700;
  padding: 5px 0 0 20px;
  color: #333;
}

.site-area-header .hanging-block>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.site-area-header .hanging-block>div>div {
  position: relative;
}

.site-area-header .hanging-block>div>div>div {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

.site-area-header .hanging-block>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  width: 605px;
  padding: 6px 20px 4px;
  border-radius: 0 0 8px 8px;
  background: #212121;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.site-area-header .hanging-block .column {
  color: #fff;
}

.site-area-header .hanging-block .column .heading {
  padding-left: .857em;
  border-left: solid 4px #909090;
}

.site-area-header .hanging-block .column .heading p {
  font-size: 1.143em;
}

.site-area-header .hanging-block .column .heading p b {
  white-space: nowrap;
}

.site-area-header .hanging-block .column .upper {
  padding-bottom: 6px;
  border-bottom: solid 1px #414141;
}

.site-area-header .hanging-block .column .upper ul li {
  display: inline-block;
  vertical-align: middle;
}

.site-area-header .hanging-block .column .upper ul li+li {
  margin-left: .857em;
}

.site-area-header .hanging-block .column .upper ul li i::before {
  display: inline-block;
  height: 27px;
  padding-right: .571em;
  vertical-align: middle;
}

.site-area-header .hanging-block .column .upper ul li span {
  font-size: .857em;
  vertical-align: middle;
}

.site-area-header .hanging-block .column .upper ul li span a {
  text-decoration: none;
  color: inherit;
}

.site-area-header .hanging-block .column .upper ul li span a:hover {
  text-decoration: underline;
}

.site-area-header .hanging-block .column .lower {
  padding-top: 4px;
}

.site-area-header .hanging-block .column .lower p {
  font-size: .857em;
  display: inline-block;
  vertical-align: middle;
}

.site-area-header .hanging-block .column .lower p+p {
  margin-left: 25px;
}

.site-area-header .hanging-block .column .lower p.tel-number i::before {
  display: inline-block;
  height: 18px;
  padding-right: .667em;
  vertical-align: middle;
}

.site-area-header .hanging-block .column .lower p.tel-number span {
  font-size: 1.667em;
  line-height: 1.25;
  vertical-align: middle;
}

.site-area-header .hanging-block .column .icon-login::before {
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/icons/icon-login.svg);
}

.site-area-header .hanging-block .column .icon-mail-contact::before {
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/icons/icon-mail-contact.svg);
}

.site-area-header .hanging-block .column .icon-phone::before {
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/icons/icon-phone.svg);
}

.site-area-header .hanging-block .column .icon-freedial::before {
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/site-header/icons/icon-freedial.svg);
}

.site-area-header input,
.site-area-header button {
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* -.balloon-container (DIS’S“–‰c‹ΖŠ‚©‚η)
*******************************************/

.balloon-container {
  position: absolute;
  z-index: 21;
  top: 6.214em;
  right: 0;
  display: none;
  width: 100%;
}

.balloon-container>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.balloon-container>div>div>div {
  text-align: right;
}

.balloon-container>div>div>div>div {
  position: relative;
  right: 64px;
  display: inline-block;
  width: 41.429em;
  padding: 1.929em 3.276% 1.071em;
  vertical-align: middle;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .32);
}

.balloon-container>div>div>div>div::after {
  position: absolute;
  z-index: 1;
  top: -8px;
  right: 12%;
  width: 0;
  height: 0;
  content: "";
  border-width: 0 8.5px 8px 8.5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.balloon-container ul {
  display: table;
  width: 100%;
}

.balloon-container ul li {
  display: table-row;
}

.balloon-container ul li .date-container,
.balloon-container ul li .txt-container {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #efefef;
}

.balloon-container ul li .date-container {
  width: 1%;
  padding-top: .357em;
}

.balloon-container ul li .date-container time {
  font-size: .929em;
  color: #9d9d9d;
}

.balloon-container ul li .txt-container {
  position: relative;
  width: 99%;
  padding: .5em 0 .5em 1.786em;
  white-space: normal;
}

.balloon-container ul li .txt-container p {
  font-size: 1.143em;
  line-height: 1.3;
}

.balloon-container ul li .txt-container img {
  max-width: 435px;
  height: auto;
}

.balloon-container ul li .txt-container i.badge-number {
  font-size: .786em;
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 3px;
  min-width: 18px;
  height: 18px;
  padding: 0 .455em;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
  text-align: center;
  color: #fff;
  border-radius: 9px;
  background-color: #f6453b;
}

/* -.product-balloon-container (V»•iξ•ρ)
*******************************************/

.product-balloon-container {
  position: absolute;
  z-index: 22;
  top: 6.214em;
  right: 0;
  display: none;
  width: 100%;
  background-color: transparent !important;
}

.product-balloon-container>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.product-balloon-container>div>div>div {
  text-align: right;
}

.product-balloon-container>div>div>div>div {
  position: relative;
  right: 175px;
  display: inline-block;
  width: 41.429em;
  padding: 1.929em 3.276% 1.071em;
  vertical-align: middle;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .32);
}

.product-balloon-container>div>div>div>div::after {
  position: absolute;
  z-index: 1;
  top: -8px;
  right: 12%;
  width: 0;
  height: 0;
  content: "";
  border-width: 0 8.5px 8px 8.5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.product-balloon-container .product-balloon-date-list>div {
  display: table;
  border-bottom: #ccc 1px solid;
}

.product-balloon-container .product-balloon-date-list>div>dl {
  display: table-row;
}

.product-balloon-container .product-balloon-date-list>div>dl dt {
  display: table-cell;
  width: 1%;
  padding: 10px 0;
  white-space: nowrap;
  color: #a0a0a0;
  border-top: #ccc 1px solid;
}

.product-balloon-container .product-balloon-date-list>div>dl dd {
  display: table-cell;
  box-sizing: border-box;
  width: 99%;
  padding: 10px 0 10px 30px;
  text-align: left;
  border-top: #ccc 1px solid;
}

.product-balloon-container .product-balloon-more-link {
  padding-top: 10px;
  text-align: right;
}

/* -.help-balloon-container
*******************************************/

.help-balloon-container {
  position: absolute;
  z-index: 21;
  top: 6.214em;
  right: 0;
  display: none;
  width: 100%;
}

.help-balloon-container>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.help-balloon-container>div>div>div {
  position: relative;
  text-align: right;
}

.help-balloon-container>div>div>div>div {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .32);
}

.help-balloon-container>div>div>div>div::after {
  position: absolute;
  z-index: 1;
  top: -8px;
  right: 3%;
  width: 0;
  height: 0;
  content: "";
  border-width: 0 8.5px 8px 8.5px;
  border-style: solid;
  border-color: transparent transparent #212121 transparent;
}

/* -.dsf-header
*******************************************/

.dsf-header>div {
  padding: 10px 0;
  background-color: #fff;
}

.dsf-header>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.dsf-header>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dsf-header .dsf-header-left-area {
  width: 73.282%;
}

.dsf-header .dsf-header-left-area .pic-container {
  display: inline-block;
  vertical-align: middle;
}

.dsf-header .dsf-header-left-area .txt-container {
  display: none;
}

.dsf-header .dsf-header-left-area .txt-container p {
  font-size: .857em;
}

.dsf-header .dsf-header-left-area .txt-container p span {
  vertical-align: middle;
}

.webkit .dsf-header .dsf-header-left-area .txt-container p span {
  vertical-align: -webkit-baseline-middle;
}

.dsf-header .dsf-header-right-area {
  width: 26.718%;
  padding: 6px 0;
}

.dsf-header .dsf-header-right-area>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  padding-left: 4.898%;
  border-left: solid 1px #333;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ie9 .dsf-header .dsf-header-right-area .left-container .heading {
  white-space: nowrap;
}

.dsf-header .dsf-header-right-area .left-container .date {
  font-size: .857em;
}

.dsf-header .dsf-header-right-area .left-container .date time {
  padding-left: 1em;
}

.dsf-header .dsf-header-right-area .right-container p {
  font-size: 2em;
}

/* -.elem-topic-path
*************************************************/

.elem-topic-path>div {
  padding: .5em 0 .357em;
  background-color: #fff;
}

.elem-topic-path>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.elem-topic-path .root-directory div.path {
  font-size: .929em;
  display: inline-block;
  vertical-align: top;
}

.elem-topic-path .root-directory div.path>a {
  vertical-align: middle;
  color: #444;
}

.elem-topic-path .root-directory div.path.current>a {
  cursor: default;
  text-decoration: none;
  pointer-events: none;
}

.elem-topic-path .root-directory div.path.current>a>span {
  font-weight: 700;
}

.elem-topic-path .root-directory div.path.current::after {
  content: none;
}

.elem-topic-path .root-directory div.path::after {
  padding: 0 .071em 0 .357em;
  content: "\FF1E";
  vertical-align: middle;
  color: inherit;
}

.elem-topic-path .root-directory div.directory {
  display: inline-block;
  vertical-align: top;
}

.elem-topic-path ul li {
  font-size: .929em;
  display: inline-block;
  vertical-align: top;
}

.elem-topic-path ul li:first-child a>span {
  display: none;
}

.elem-topic-path ul li.current a {
  cursor: default;
  text-decoration: none;
  pointer-events: none;
}

.elem-topic-path ul li.current a>div span {
  font-weight: 700;
}

.elem-topic-path ul li.current::after {
  content: none;
}

.elem-topic-path ul li::after {
  padding: 0 .357em;
  content: "\FF1E";
  vertical-align: middle;
  color: inherit;
}

.elem-topic-path ul li a {
  display: inline-block;
  vertical-align: middle;
  color: #444;
}

/* -.global-nav--primary
*************************************************/

.global-nav--primary {
  position: relative;
  z-index: 21;
}

.global-nav--primary>div {
  z-index: 2;
  background: #000;
}

.global-nav--primary>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

html:not(.ie9) .global-nav--primary>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ie9 .global-nav--primary>div>div>div>div {
  display: table;
  width: 100%;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary {
  width: 100%;
  padding-right: 0;
  border-right: none;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation {
  position: relative;
}

.ie10 .global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li {
  width: 25%;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li:last-child>.root-menu>span {
  border-right: none;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation {
  top: 38px;
  padding: 0;
  background-color: transparent;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation.active {
  top: 48px;
  border: none;
  box-shadow: none;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul {
  position: relative;
  display: block;
  min-width: 0;
  max-width: 300px;
  margin: 0;
  text-align: left;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, .65);
}

.ie9 .global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul {
  display: block;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul::after {
  position: absolute;
  z-index: 2;
  top: -7px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: translateX(-275%);
  -ms-transform: translateX(-275%);
  transform: translateX(-275%);
  border-width: 0 6.5px 7px 6.5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul>li:first-child>.nest-menu span a a {
  padding-top: 10px;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul>li:first-child>.nest-menu span a::before {
  top: 18px;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul>li:last-child {
  margin-bottom: 0;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul>li:last-child>.nest-menu span a {
  padding-bottom: 3px;
}

.ie9 .global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul>li {
  display: block;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul>li>.nest-menu>span {
  font-size: 14px;
  display: block;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul>li>.nest-menu>span>a {
  position: relative;
  display: block;
  padding: 3px 10px 0 35px;
  color: #444;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul>li>.nest-menu>span>a::before {
  position: absolute;
  top: 13px;
  left: 20px;
  width: 3px;
  height: 3px;
  content: "";
  border-radius: 50%;
  background: #555;
}

.global-nav--primary[data-status="logout"] .root-navigation--primary .root-navigation>li .nest-navigation>ul>li>.nest-menu>span>a:hover {
  font-weight: 700;
  text-decoration: underline;
  color: #333;
  background: none;
}

.global-nav--primary[data-status="login"]+.contents-wrapper>div>div {
  padding-top: 0;
}

.global-nav--primary[data-status="login"] .root-navigation--primary {
  width: 70%;
}

.global-nav--primary .root-navigation--primary {
  padding-right: 0;
}

.ie9 .global-nav--primary .root-navigation--primary {
  display: table-cell;
  vertical-align: middle;
}

html:not(.ie9) .global-nav--primary .root-navigation--primary .root-navigation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -js-display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ie9 .global-nav--primary .root-navigation--primary .root-navigation {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.global-nav--primary .root-navigation--primary .root-navigation>li {
  width: 100%;
  height: 48px;
  padding: 8px 0;
  cursor: pointer;
  transition: .3s ease-in-out;
  text-align: center;
}

.ie10 .global-nav--primary .root-navigation--primary .root-navigation>li {
  width: 33%;
}

.global-nav--primary .root-navigation--primary .root-navigation>li:hover {
  background-color: #555;
}

.global-nav--primary .root-navigation--primary .root-navigation>li:hover .root-menu>span>a,
.global-nav--primary .root-navigation--primary .root-navigation>li:hover .root-menu>span>a.active,
.global-nav--primary .root-navigation--primary .root-navigation>li:hover>a.active {
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background-color: transparent;
}

.global-nav--primary .root-navigation--primary .root-navigation>li:last-child .root-menu>span {
  border-right: 1px solid #e0e0e0;
}

.global-nav--primary .root-navigation--primary .root-navigation>li:nth-child(n+2) .root-menu>span {
  border-left: 1px solid #e0e0e0;
}

.ie9 .global-nav--primary .root-navigation--primary .root-navigation>li {
  display: table-cell;
}

.ie9 .global-nav--primary .root-navigation--primary .root-navigation>li:nth-child(3) .nest-navigation .hide--nest-menu {
  top: 33px;
}

.global-nav--primary .root-navigation--primary .root-navigation>li span,
.global-nav--primary .root-navigation--primary .root-navigation>li a {
  display: inline-block;
  vertical-align: middle;
}

.global-nav--primary .root-navigation--primary .root-navigation>li .root-menu>span {
  display: block;
}

.global-nav--primary .root-navigation--primary .root-navigation>li .root-menu>span>a {
  font-size: 1em;
  line-height: 30px;
  display: block;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  color: #fff;
}

.global-nav--primary .root-navigation--primary .root-navigation>li .root-menu>span>a:hover {
  color: #fff;
}

.global-nav--primary .root-navigation--primary .root-navigation>li .root-menu>span>a.active {
  position: relative;
  overflow: visible;
  overflow: visible;
  pointer-events: none;
  color: #fff;
}

.global-nav--primary .root-navigation--primary .root-navigation>li .root-menu>span>a.active::before {
  position: absolute;
  z-index: 3;
  bottom: -11px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 0 8px 9px 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.global-nav--primary .root-navigation--primary .root-navigation>li .root-menu>span>a.active::after {
  position: absolute;
  z-index: 2;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 0 9px 10px 9px;
  border-style: solid;
  border-color: transparent transparent #aaa transparent;
}

.global-nav--primary .nest-navigation {
  position: absolute;
  z-index: 2;
  top: 48px;
  left: 0;
  display: none;
  width: 100%;
  padding: 0;
  background-color: #444;
}

.global-nav--primary .nest-navigation.active {
  top: 100%;
  right: 0;
  left: 0;
  display: block;
  width: 980px;
  margin: auto;
  border: 1px solid #aaa;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.global-nav--primary .nest-navigation>ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  margin: 0 auto;
  -js-display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.ie9 .global-nav--primary .nest-navigation>ul {
  display: table;
  width: 100%;
}

.global-nav--primary .nest-navigation>ul>li {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.ie9 .global-nav--primary .nest-navigation>ul>li {
  display: table-cell;
}

.global-nav--primary .nest-navigation>ul>li:last-child .hide--nest-menu {
  right: 0;
}

.global-nav--primary .nest-navigation>ul>li>.nest-menu>span {
  display: block;
}

.global-nav--primary .nest-navigation>ul>li>.nest-menu>span>a {
  position: relative;
  display: block;
  overflow: visible;
  padding: 12px 0;
  white-space: nowrap;
  text-decoration: none;
  color: #333;
}

.ie9 .global-nav--primary .nest-navigation>ul>li>.nest-menu>span>a {
  padding: 12px 20px;
}

.global-nav--primary .nest-navigation>ul>li>.nest-menu>span>a:hover {
  font-weight: 700;
  text-decoration: none;
  color: #333;
  background: #ccc;
}

.global-nav--primary .nest-navigation>ul>li>.nest-menu>span>a.active {
  font-weight: 700;
  text-decoration: none;
  color: #333;
  background: #ccc;
}

.global-nav--primary .nest-navigation>ul>li>.nest-menu>span>a.active::before {
  position: absolute;
  z-index: 3;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 0 8px 9px 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.global-nav--primary .nest-navigation>ul>li>.nest-menu>span>a.active.active::after {
  position: absolute;
  z-index: 2;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 0 9px 10px 9px;
  border-style: solid;
  border-color: transparent transparent #aaa transparent;
  background: #ccc;
}

.global-nav--primary .nest-navigation .hide--nest-menu {
  position: absolute;
  z-index: 1;
  top: 47px;
  display: none;
  width: 330px;
  border: 1px solid #aaa;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.global-nav--primary .nest-navigation .hide--nest-menu.open {
  width: 600px;
}

.global-nav--primary .nest-navigation .hide--nest-menu span {
  position: relative;
  padding-left: 1em;
}

.global-nav--primary .nest-navigation .hide--nest-menu span::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\e904";
}

.global-nav--primary .nest-navigation .hide--nest-menu a {
  position: relative;
  text-decoration: none;
  color: #424242;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu {
  border-right: 1px solid #e0e0e0;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul {
  padding-top: .143em;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul>li {
  text-align: left;
  border-top: 1px solid #e0e0e0;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul>li:first-child {
  border-top: none;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul>li:first-child>div span a a {
  padding-top: 10px;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul>li:first-child>div span a::before {
  top: 18px;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul>li:last-child {
  margin-bottom: 0;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul>li:last-child>div span a {
  padding-bottom: 3px;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul>li>div span {
  font-size: 14px;
  display: block;
  padding-left: 0;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul>li>div span a {
  display: block;
  padding: 3px 10px 0 35px;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul>li>div span::before {
  position: absolute;
  top: 13px;
  left: 20px;
  width: 3px;
  height: 3px;
  content: "";
  border-radius: 50%;
  background: #555;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul>li>div span:hover a {
  font-weight: 700;
  text-decoration: underline;
  color: #333;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu>ul>li+li {
  margin-top: 0;
  border-top: none;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl {
  margin: 0 auto;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dt {
  font-weight: 700;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd {
  margin-left: 0;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd>ul>li {
  padding: 5px 0;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd>ul>li a {
  position: relative;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd>ul>li a.active {
  display: block;
  overflow: visible;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd>ul>li a.active::before {
  position: absolute;
  top: 50%;
  right: -8px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -4px;
  content: "";
  border-width: 7.5px 8px 7.5px 0;
  border-style: solid;
  border-color: transparent #e0e0e0 transparent transparent;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu>dl dd>ul>li a.active::after {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -9px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  content: "";
  border-width: 6.5px 7px 6.5px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 280px;
  padding: 15px;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu.active {
  display: block;
  border-left: 1px solid #e0e0e0;
  background: #fff;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu .category--sub-menu dt span {
  padding-left: 0;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu .category--sub-menu dt span::before {
  content: normal;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu .category--sub-menu .holder {
  text-align: center;
}

.global-nav--primary .nest-navigation .hide--nest-menu .main-menu .search--main-menu .category--main-menu .sub-menu .category--sub-menu .caption {
  font-size: 1.143;
  padding: 15px 0 5px;
}

.global-nav--primary .root-navigation--secondary {
  width: 30%;
  padding-right: 0;
  padding-left: 0;
}

.ie9 .global-nav--primary .root-navigation--secondary {
  display: table-cell;
  vertical-align: middle;
}

.global-nav--primary .root-navigation--secondary .root-navigation {
  line-height: 1.2;
}

html:not(.ie9) .global-nav--primary .root-navigation--secondary .root-navigation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  -js-display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ie9 .global-nav--primary .root-navigation--secondary .root-navigation {
  display: table;
  width: 100%;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li {
  width: 50%;
  height: 48px;
  padding: 8px 0;
  cursor: pointer;
  transition: .3s ease-in-out;
  text-align: center;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li:hover {
  background-color: #555;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li:hover .root-menu>span>a,
.global-nav--primary .root-navigation--secondary .root-navigation>li:hover .root-menu>span>a.active,
.global-nav--primary .root-navigation--secondary .root-navigation>li:hover>a.active {
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background-color: transparent;
}

.ie9 .global-nav--primary .root-navigation--secondary .root-navigation>li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li>a {
  font-size: .786em;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  -ms-flex-pack: center;
  height: 100%;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li>a:hover {
  text-decoration: underline;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li>a.active {
  text-decoration: underline;
  pointer-events: none;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li>a.active::before {
  position: absolute;
  z-index: 3;
  bottom: -9px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 0 8px 9px 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li>a.active.active::after {
  position: absolute;
  z-index: 2;
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 0 9px 10px 9px;
  border-style: solid;
  border-color: transparent transparent #aaa transparent;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li>a .nest-navigation>ul>li>.nest-menu>span>a.active::before,
.global-nav--primary .root-navigation--secondary .root-navigation>li>a .nest-navigation>ul>li>.nest-menu>span>a.active::after {
  bottom: 0;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li:first-child::before {
  display: none;
}

.ie9 .global-nav--primary .root-navigation--secondary .root-navigation>li:last-child>a::before,
.ie9 .global-nav--primary .root-navigation--secondary .root-navigation>li:last-child>a::after {
  bottom: -16px;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li:last-child .root-menu>span {
  border-right: 1px solid #e0e0e0;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li:nth-child(n+2) .root-menu>span {
  border-left: 1px solid #e0e0e0;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li:nth-child(n+2)::before {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 1px;
  height: 30px;
  margin: auto;
  content: "";
  border-left: 1px solid #e0e0e0;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li .nest-navigation>ul>li .nest-menu span {
  line-height: 1.754;
}

.global-nav--primary .root-navigation--secondary .root-navigation>li .nest-navigation>ul>li .hide--nest-menu .main-menu .search--main-menu>ul>li>div span {
  line-height: 1.714;
  display: block;
}

.ie9 .global-nav--primary .root-navigation--secondary .root-navigation>li .nest-navigation>ul>li .hide--nest-menu .main-menu .search--main-menu>ul>li>div span {
  text-align: left;
}

/* 2018.11.30 DEL START
2016.10.18 ADD START
.firefox .global-nav--primary .root-navigation--secondary .root-navigation>li>a.active::before {
    bottom: -23px;
}
2016.10.18 ADD END

2016.10.18 ADD START
.firefox .global-nav--primary .root-navigation--secondary .root-navigation>li:last-child>a.active::before {
    bottom: -14px;
}
2016.10.18 ADD END
/* 2018.11.30 DEL END */

/* -.global-nav--secondary
*************************************************/

/*	.jumbotron
*************************************************/

.jumbotron-and-bnr .jumbotron-wrapper {
  float: left;
  width: 73.478%;
  margin: 0 auto;
}

.jumbotron-and-bnr .elem-bnr-list {
  float: right;
  width: 23.37%;
}

/* -[class^="elem-heading"]
*************************************************/

/* -.elem-heading-lv1
*************************************************/

.elem-heading-lv1:not([data-heading-type]) .heading-container {
  padding-right: 120px;
}

.elem-heading-lv1:not([data-heading-type]) .heading-container .sub-holder .sub-box .heading-side-btn {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.elem-heading-lv1[data-heading-type="2"] .heading-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  width: 100%;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.elem-heading-lv1[data-heading-type="2"] .heading-container .title-holder {
  max-width: 81.633%;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.ie9 .elem-heading-lv1[data-heading-type="2"] .heading-container .title-holder {
  max-width: none;
}

.ie11 .elem-heading-lv1[data-heading-type="2"] .heading-container .title-holder {
  max-width: none;
}

.ie9 .elem-heading-lv1[data-heading-type="2"] .heading-container .sub-holder .sub-box {
  display: inline-block;
  vertical-align: middle;
}

.elem-heading-lv1>div>div {
  min-width: 980px;
  max-width: 980px;
  margin: 0 auto;
  padding: 1.143em 30px;
  border-bottom: solid 1px #e0e0e0;
  background-color: #fff;
}

.elem-heading-lv1>div>div>div>div {
  position: relative;
}

.elem-heading-lv1 [class^="sub-container"] p {
  font-size: 1.143em;
  line-height: 1.25;
}

.elem-heading-lv1 .heading-container[aria-hidden="true"] {
  visibility: hidden;
}

.elem-heading-lv1 .heading-container .title-holder h1 {
  font-size: 2em;
  line-height: 1.4;
}

.elem-heading-lv1 .heading-container .title-holder h1 span {
  font-weight: 700;
}

.elem-heading-lv1:not([data-heading-type]) .heading-container .sub-holder .sub-box .heading-side-btn,
.elem-heading-lv1[data-heading-type="2"] .heading-container .sub-holder .sub-box .heading-side-btn {
  display: inline-block;
  min-width: 110px;
  padding: .5em 1em;
  transition: background-color .5s ease, color .5s ease;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: solid 1px #e0e0e0;
  border-radius: 8px;
  background: #fff;
}

.elem-heading-lv1:not([data-heading-type]) .heading-container .sub-holder .sub-box .heading-side-btn:hover,
.elem-heading-lv1[data-heading-type="2"] .heading-container .sub-holder .sub-box .heading-side-btn:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, .72);
}

.elem-heading-lv1:not([data-heading-type]) .heading-container .sub-holder .sub-box .heading-side-btn span,
.elem-heading-lv1[data-heading-type="2"] .heading-container .sub-holder .sub-box .heading-side-btn span {
  font-size: 1.143em;
}

/* -.elem-heading-lv1--img
*************************************************/

.elem-heading-lv1--img>div>div {
  min-width: 980px;
  max-width: 980px;
  margin: 0 auto;
}

/* -.elem-heading-lv1--dsf-leaf-title
*************************************************/

.elem-heading-lv1--dsf-leaf-title .heading-container>div {
  padding-bottom: 20px;
  border-bottom: solid 2px #bdbdbd;
}

.elem-heading-lv1--dsf-leaf-title .heading-container h1 {
  font-size: 3em;
  line-height: 1.25;
  text-align: center;
}

.elem-heading-lv1--dsf-leaf-title .sub-container>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  padding: 11px 0;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.elem-heading-lv1--dsf-leaf-title .sub-container .sub-holder p {
  display: inline-block;
  vertical-align: middle;
}

.elem-heading-lv1--dsf-leaf-title .sub-container .sub-holder p+p {
  margin-left: 6px;
}

.elem-heading-lv1--dsf-leaf-title .sub-container .sub-holder ul {
  white-space: nowrap;
}

.elem-heading-lv1--dsf-leaf-title .sub-container .sub-holder ul li {
  display: inline-block;
  vertical-align: middle;
}

.elem-heading-lv1--dsf-leaf-title .sub-container .sub-holder ul li+li {
  margin-left: 6px;
}

.elem-heading-lv1--dsf-leaf-title .sub-container .sub-holder ul li button {
  overflow: hidden;
  padding: 0;
  transition: opacity .25s ease;
  border: none;
  border-radius: 3px;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.elem-heading-lv1--dsf-leaf-title .sub-container .sub-holder ul li button:focus,
.elem-heading-lv1--dsf-leaf-title .sub-container .sub-holder ul li button:hover {
  opacity: .72;
}

.elem-heading-lv1--dsf-leaf-title .sub-container .sub-holder ul li button span {
  display: none;
}

/* -.elem-heading-lv1--entry-title
*************************************************/

.elem-heading-lv1--entry-title {
  margin: 20px auto;
}

.elem-heading-lv1--entry-title .sub-container--upper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.elem-heading-lv1--entry-title .sub-container--upper .sub-txt span {
  font-size: .929em;
  display: inline-block;
  padding: 0 .615em;
  vertical-align: middle;
  white-space: nowrap;
  border: solid 1px #9e9e9e;
}

.elem-heading-lv1--entry-title .heading-container {
  padding: 1em 0 12px;
}

.elem-heading-lv1--entry-title .heading-container .title-holder h1 {
  font-size: 2em;
  line-height: 1.45;
}

.elem-heading-lv1--entry-title .heading-container .title-holder h1 span {
  font-weight: 700;
}

.elem-heading-lv1--entry-title .sub-container--lower {
  display: table;
  width: 100%;
}

.elem-heading-lv1--entry-title .sub-container--lower .sub-txt {
  display: table-cell;
}

.elem-heading-lv1--entry-title .sub-container--lower .sub-txt:last-child {
  text-align: right;
}

/* -.elem-questionnaire-heading-lv1
*************************************************/

.elem-questionnaire-heading-lv1>div>div {
  min-width: 980px;
  max-width: 980px;
  margin: 0 auto;
  padding: 2.143em 30px;
  border-bottom: solid 1px #e0e0e0;
  background-color: #fff;
}

.elem-questionnaire-heading-lv1 .heading-container {
  font-size: 2em;
  line-height: 1.429;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.elem-questionnaire-heading-lv1 .heading-container .sub-holder {
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.elem-questionnaire-heading-lv1 .heading-container .sub-holder .sub-box {
  padding-right: .25em;
}

.elem-questionnaire-heading-lv1 .heading-container .title-holder {
  -webkit-flex-flow: 1;
  -ms-flex-flow: 1;
  flex-flow: 1;
}

/* -.elem-heading-lv2
*************************************************/

.elem-heading-lv2 {
  margin: 50px auto 43px;
}

.elem-heading-lv2>div>div>div>div {
  position: relative;
  text-align: center;
}

.inquiry-section .elem-heading-lv2:not([data-heading-type]) .sub-container--upper p,
.inquiry-section .elem-heading-lv2[data-heading-type="1"] .sub-container--upper p {
  font-size: 1.286em;
  color: #fff;
}

.elem-heading-lv2[data-heading-type="2"]>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.elem-heading-lv2[data-heading-type="2"] .heading-container {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.elem-heading-lv2[data-heading-type="2"] .heading-container .title-holder {
  position: relative;
  padding-bottom: 13px;
}

.elem-heading-lv2[data-heading-type="2"] .heading-container .title-holder::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100px;
  height: 1px;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #444;
}

.inquiry-section .elem-heading-lv2[data-heading-type="2"] .heading-container .title-holder::after {
  background-color: #fff;
}

.elem-heading-lv2[data-heading-type="2"] .heading-container .title-holder h2 span {
  font-size: 2em;
  line-height: 1.45;
}

.inquiry-section .elem-heading-lv2[data-heading-type="2"] .heading-container .title-holder h2 span {
  color: #fff;
}

.elem-heading-lv2[data-heading-type="2"] [class^="sub-container"] .elem-heading-btn {
  top: -.5em;
}

.elem-heading-lv2[data-heading-type="3"]>div>div>div>div {
  display: table;
}

.elem-heading-lv2[data-heading-type="3"] [class^=sub-container] {
  display: table-cell;
  width: 49.5%;
  vertical-align: middle;
}

.elem-heading-lv2[data-heading-type="3"] [class^=sub-container]::before {
  display: block;
  height: 1px;
  content: "";
  border-top: 1px solid #ff3d00;
}

.elem-heading-lv2[data-heading-type="3"] .heading-container {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  white-space: nowrap;
}

.elem-heading-lv2[data-heading-type="3"] .heading-container .title-holder {
  padding: 0 10px;
}

.elem-heading-lv2[data-heading-type="3"] .heading-container .title-holder h2 span {
  font-size: 2em;
  font-weight: 700;
  font-style: italic;
  line-height: 1.45;
  color: #ff3d00;
}

.elem-heading-lv2[data-heading-type="4"] .heading-container .title-holder {
  position: relative;
  padding-bottom: 13px;
}

.elem-heading-lv2[data-heading-type="4"] .heading-container .title-holder::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100px;
  height: 2px;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #2295f0;
}

.elem-heading-lv2[data-heading-type="4"] .heading-container .title-holder h2 span {
  font-size: 2em;
  font-weight: 700;
  font-style: italic;
  line-height: 1.45;
}

.elem-heading-lv2[data-heading-type="5"] {
  margin: 20px auto;
}

.elem-heading-lv2[data-heading-type="5"] .heading-container .title-holder h2 {
  font-size: 1.571em;
  line-height: 1.35;
}

.elem-heading-lv2[data-heading-type="5"] .heading-container .title-holder h2 span {
  font-weight: 700;
  color: #d63939;
}

.elem-heading-lv2[data-heading-type="6"] {
  margin: 70px auto 20px;
}

.elem-heading-lv2[data-heading-type="6"]>div>div>div>div {
  text-align: inherit;
}

.elem-heading-lv2[data-heading-type="6"] .heading-container .title-holder h2 {
  font-size: 1.714em;
  line-height: 1.35;
}

.elem-heading-lv2[data-heading-type="6"] .heading-container .title-holder h2 span {
  font-weight: 700;
}

.elem-ranking-stack .elem-ranking-container .elem-heading-lv2:not([data-heading-type])>div>div>div>div {
  text-align: left;
}

.elem-ranking-stack .elem-ranking-container .elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder {
  padding-bottom: 0;
}

.elem-ranking-stack .elem-ranking-container .elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder::after {
  content: normal;
}

.elem-ranking-stack .elem-ranking-container .elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder h2 span {
  font-size: 1.357em;
}

.elem-ranking-stack .elem-ranking-container .elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder h2 a {
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #0d46a0;
}

.elem-ranking-stack .elem-ranking-container .elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder h2 a:hover {
  text-decoration: underline;
}

.elem-ranking-stack .elem-ranking-container .elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder h2 a::after {
  font-size: 1.357em;
  content: "\e904";
}

.mac .elem-ranking-stack .elem-ranking-container .elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder h2 a::after {
  top: 1px;
}

.elem-ranking-stack .elem-ranking-container .elem-heading-lv2:not([data-heading-type]) .sub-container--lower {
  padding-bottom: 0;
}

.elem-heading-lv2 .heading-container .title-holder {
  display: inline-block;
}

.elem-heading-lv2 .heading-container .title-holder h2 i::before {
  display: inline-block;
  vertical-align: middle;
}

.elem-heading-lv2 .heading-container .title-holder h2 i.icon-next-arrow::before {
  height: 46px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-heading/lv2/icon-arrow.svg);
}

.elem-heading-lv2 .heading-container .title-holder h2 i.icon-pdf::before {
  height: 34px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-heading/lv2/icon-pdf.svg);
}

.elem-heading-lv2 .heading-container .title-holder h2 i.icon-newwin::before {
  height: 34px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-heading/lv2/icon-newwin.svg);
}

.elem-heading-lv2 .heading-container .title-holder h2 a {
  vertical-align: middle;
  text-decoration: none;
  color: #444;
}

.elem-heading-lv2 .heading-container .label-holder {
  float: right;
  width: 14%;
  text-align: right;
}

.elem-heading-lv2 .heading-container .label-holder span {
  display: inline-block;
  padding: .357em;
  border: solid 1px #212121;
}

.elem-heading-lv2 .heading-container .label-holder+.title-holder {
  width: 85%;
}

.elem-heading-lv2 .heading-container::after {
  display: table;
  clear: both;
  content: "";
}

.elem-heading-lv2[data-heading-type="2"] [class^="sub-container"] .elem-heading-btn {
  position: relative;
  width: 109px;
}

.elem-heading-lv2[data-heading-type="2"] [class^="sub-container"] .elem-heading-btn a {
  display: block;
  overflow: hidden;
  padding: .75em 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  color: #444;
  border: solid 1px #e0e0e0;
  border-radius: 8px;
  background: #fff;
}

.elem-heading-lv2[data-heading-type="2"] [class^="sub-container"] .elem-heading-btn a:hover {
  text-decoration: none;
  color: #fff;
  background-color: rgba(0, 0, 0, .72);
}

.elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder,
.elem-heading-lv2[data-heading-type="1"] .heading-container .title-holder {
  display: inline-block;
  vertical-align: middle;
}

.elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder::after,
.elem-heading-lv2[data-heading-type="1"] .heading-container .title-holder::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100px;
  height: 1px;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #444;
}

.inquiry-section .elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder::after,
.inquiry-section .elem-heading-lv2[data-heading-type="1"] .heading-container .title-holder::after {
  background-color: #fff;
}

.elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder h2 span,
.elem-heading-lv2[data-heading-type="1"] .heading-container .title-holder h2 span {
  font-size: 2em;
  line-height: 1.45;
}

.inquiry-section .elem-heading-lv2:not([data-heading-type]) .heading-container .title-holder h2 span,
.inquiry-section .elem-heading-lv2[data-heading-type="1"] .heading-container .title-holder h2 span {
  color: #fff;
}

.elem-heading-lv2:not([data-heading-type]) .sub-container--lower,
.elem-heading-lv2[data-heading-type="1"] .sub-container--lower {
  padding-bottom: 13px;
}

/* -.elem-heading-lv3
*************************************************/

.elem-heading-lv3 {
  margin: 30px auto 20px;
}

.elem-heading-lv3[data-type="1"] {
  margin: 30px auto 20px;
}

.elem-heading-lv3[data-type="1"] .heading-container {
  background-color: #424242;
}

.elem-heading-lv3[data-type="1"] .heading-container .title-holder {
  border-left-color: #a1a1a1;
}

.elem-heading-lv3[data-type="1"] .heading-container .title-holder h3 span {
  font-size: 1.214em;
  line-height: 1.5;
  color: #fff;
}

.elem-heading-lv3[data-type="2"] {
  margin: 30px auto 10px;
}

.elem-heading-lv3[data-type="2"] .heading-container {
  padding: 12px 17px;
  border-radius: 0;
  background: #000;
}

.elem-heading-lv3[data-type="2"] .heading-container .title-holder {
  padding-left: 0;
  border-left: none;
}

.elem-heading-lv3[data-type="2"] .heading-container .title-holder h3 span {
  font-size: 1.286em;
  color: #fff;
}

.elem-heading-lv3[data-type="3"] {
  margin: 10px auto 20px;
}

.elem-heading-lv3[data-type="3"] .heading-container {
  padding: 0;
  background-color: transparent;
}

.elem-heading-lv3[data-type="3"] .heading-container .title-holder {
  padding: 5px 0 5px 1.714em;
  border-left-color: #fff;
}

.elem-heading-lv3[data-type="3"] .heading-container .title-holder h3 span {
  font-size: 1.286em;
  line-height: 1.5;
  color: #fff;
}

.elem-heading-lv3[data-type="4"] {
  margin: 110px auto 40px;
}

.elem-heading-lv3[data-type="4"] .heading-container {
  padding: .857em 0 .857em 22px;
  background-color: #dfdfdf;
}

.elem-heading-lv3[data-type="4"] .heading-container .title-holder {
  padding: 5px 0 5px 1em;
  border-left-color: #909090;
}

.elem-heading-lv3[data-type="4"] .heading-container .title-holder h3 span {
  font-size: 1.714em;
  line-height: 1.5;
}

.elem-heading-lv3[data-type="5"] {
  margin: 18px auto 16px;
}

.elem-heading-lv3[data-type="5"] .heading-container {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}

.elem-heading-lv3[data-type="5"] .heading-container .title-holder {
  padding: 0 0 1em;
  border: none;
  border-bottom: solid 1px #e0e0e0;
}

.elem-heading-lv3[data-type="5"] .heading-container .title-holder h3 span {
  font-size: 1.143em;
  line-height: 1.5;
}

.elem-heading-lv3[data-type="6"] {
  margin: 30px auto 20px;
}

.elem-heading-lv3[data-type="6"] .heading-container {
  background-color: #fff;
}

.elem-heading-lv3[data-type="6"] .heading-container .title-holder {
  border-left-color: #0e47a1;
}

.elem-heading-lv3[data-type="6"] .heading-container .title-holder h3 span {
  font-size: 1.214em;
  line-height: 1.5;
}

.elem-heading-lv3 .heading-container {
  padding: 9px 17px;
  border-radius: 8px;
  background: #e0e0e0;
}

.elem-heading-lv3 .heading-container .title-holder {
  padding: .214em 0 .214em .857em;
  border-left: solid 5px #919191;
}

.elem-heading-lv3 .heading-container .title-holder h3 span {
  font-size: 1.143em;
  font-weight: 700;
  line-height: 1.25;
  position: relative;
}

.elem-heading-lv3 .heading-container .title-holder h3 span i::before {
  display: inline-block;
  content: "";
  vertical-align: middle;
}

.elem-heading-lv3 .heading-container .title-holder h3 span i.icon-next-arrow::before {
  width: 11px;
  height: 9px;
  background: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-heading/lv3/icon-arrow.svg);
  background-size: cover;
}

.elem-heading-lv3 .heading-container .title-holder h3 span i.icon-pdf::before {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  background: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-heading/lv3/icon-pdf.svg);
  background-size: cover;
}

.elem-heading-lv3 .heading-container .title-holder h3 span i.icon-newwin::before {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  background: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-heading/lv3/icon-newwin.svg);
  background-size: cover;
}

.elem-heading-lv3 .heading-container .title-holder h3 span a {
  vertical-align: middle;
  text-decoration: none;
  color: #444;
}

.elem-heading-lv3 .heading-container .title-holder h3 span a::after {
  content: "";
  transition: background-color .5s ease;
  background-color: transparent;
}

.elem-heading-lv3 .heading-container .title-holder h3 span a:hover::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #444;
}

/* -.elem-heading-lv4
*************************************************/

.elem-heading-lv4 {
  margin: 2.857em auto 1.071em;
}

.elem-heading-lv4[data-heading-type="1"] {
  margin: 0 auto 1.071em;
}

.elem-heading-lv4[data-heading-type="1"]>div {
  border-bottom: solid 1px #e0e0e0;
}

.elem-heading-lv4[data-heading-type="1"]>div>div {
  padding-bottom: .714em;
}

.elem-heading-lv4[data-heading-type="1"] .heading-container .title-holder {
  position: relative;
}

.elem-heading-lv4[data-heading-type="1"] .heading-container .title-holder h4 label {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

.elem-heading-lv4[data-heading-type="1"] .heading-container .title-holder h4 input {
  vertical-align: middle;
}

.elem-heading-lv4[data-heading-type="1"] .heading-container .title-holder h4 span {
  font-size: 1em;
  font-weight: 400;
  padding-left: .5em;
  vertical-align: middle;
}

.elem-heading-lv4 .heading-container .title-holder {
  position: relative;
}

.elem-heading-lv4 .heading-container .title-holder h4 span {
  font-size: 1.286em;
  font-weight: 700;
  line-height: 1.25;
}

.elem-heading-lv4 .heading-container .title-holder h4 span i::before {
  display: inline-block;
  vertical-align: middle;
}

.elem-heading-lv4 .heading-container .title-holder h4 span i.icon-pdf::before {
  height: 18px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-heading/lv4/icon-pdf.svg);
}

.elem-heading-lv4 .heading-container .title-holder h4 span i.icon-newwin::before {
  height: 18px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-heading/lv4/icon-newwin.svg);
}

.elem-heading-lv4 .heading-container .title-holder h4 span a {
  vertical-align: middle;
}

/* -.elem-heading-lv4--dsf-property
*************************************************/

.elem-heading-lv4--dsf-property {
  margin: 100px auto 40px;
}

.elem-heading-lv3+.elem-heading-lv4--dsf-property {
  margin-top: 35px;
}

.elem-heading-lv4--dsf-property .heading-container {
  display: table;
  width: 100%;
}

.elem-heading-lv4--dsf-property .heading-container .sub-holder {
  display: table-cell;
  width: 117px;
  padding-right: 1.571em;
  padding-left: 1em;
  vertical-align: middle;
}

.elem-heading-lv4--dsf-property .heading-container .title-holder {
  display: table-cell;
  vertical-align: middle;
}

.elem-heading-lv4--dsf-property .heading-container .title-holder h2 {
  font-size: 2.286em;
  line-height: 1.25;
}

.elem-heading-lv4--dsf-property .heading-container .title-holder h2 span {
  font-weight: 700;
}

/* -.elem-heading-lv5
*************************************************/

.elem-heading-lv5 {
  margin: 2.857em auto 1.071em;
}

.elem-heading-lv5 .heading-container .title-holder h5 span {
  font-weight: 700;
  line-height: 1.25;
}

.elem-heading-lv5 .heading-container .title-holder h5 span i::before {
  display: inline-block;
  vertical-align: middle;
}

.elem-heading-lv5 .heading-container .title-holder h5 span i.icon-pdf::before {
  height: 16px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-heading/lv5/icon-pdf.svg);
}

.elem-heading-lv5 .heading-container .title-holder h5 span i.icon-newwin::before {
  height: 16px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-heading/lv5/icon-newwin.svg);
}

.elem-heading-lv5 .heading-container .title-holder h5 span a {
  vertical-align: middle;
}

/* -.elem-heading-lv6
*************************************************/

.elem-heading-lv6 {
  margin: 2.857em auto 1.071em;
}

/* -.elem-side-column-heading
*************************************************/

.elem-side-column-heading {
  margin-top: 35px;
}

.elem-side-column-heading>div {
  background: #000;
}

.elem-side-column-heading .heading-container .title-holder {
  padding: 10px 0;
  text-align: center;
}

.elem-side-column-heading .heading-container .title-holder [class^="icon"]::before {
  display: inline-block;
  height: 19px;
  vertical-align: middle;
}

.elem-side-column-heading .heading-container .title-holder .icon-build::before {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-side-column-heading/icons/icon-build.svg);
}

.elem-side-column-heading .heading-container .title-holder .icon-calendar::before {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-side-column-heading/icons/icon-calendar.svg);
}

.elem-side-column-heading .heading-container .title-holder .icon-print::before {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-side-column-heading/icons/icon-print.svg);
}

.elem-side-column-heading .heading-container .title-holder .icon-campaign::before {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-side-column-heading/icons/icon-campaign.svg);
}

.elem-side-column-heading .heading-container .title-holder .icon-setting::before {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-side-column-heading/icons/icon-setting.svg);
}

.elem-side-column-heading .heading-container .title-holder h4 {
  font-size: 1.214em;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

/* -.elem-favorite-heading
*************************************************/

.elem-favorite-heading>div>div>div>div {
  min-height: 54px;
}

.elem-favorite-heading .favorite-heading-holder>div {
  margin-left: -17px;
}

.elem-favorite-heading .favorite-heading-holder>div h2 {
  font-size: 2em;
  line-height: 1.4;
  display: inline-block;
  margin-left: 17px;
  vertical-align: middle;
}

.elem-favorite-heading .favorite-heading-holder>div p {
  display: inline-block;
  margin-left: 17px;
  vertical-align: middle;
}

.elem-favorite-heading .favorite-heading-holder>div p span::before {
  display: inline-block;
  height: 20px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-favorite-heading/icon-gear.svg);
  vertical-align: middle;
}

.elem-favorite-heading .favorite-heading-holder>div p span a {
  vertical-align: middle;
}

.elem-favorite-heading .favorite-heading-input {
  display: none;
}

.elem-favorite-heading .favorite-heading-input>div {
  display: table;
  width: 100%;
}

.elem-favorite-heading .favorite-heading-input>div .connote-input {
  display: table-cell;
  padding: 0 1em;
  border: solid 1px #e0e0e0;
}

.elem-favorite-heading .favorite-heading-input>div .connote-input input {
  width: 100%;
}

.elem-favorite-heading .favorite-heading-input>div .connote-btn {
  display: table-cell;
  width: 75px;
  text-align: right;
}

.elem-favorite-heading .favorite-heading-input>div .connote-btn button {
  height: 40px;
  padding: 0 1.286em;
  transition: opacity .5s ease;
  color: #fff;
  border-radius: 6px;
  background-color: #414141;
}

.elem-favorite-heading .favorite-heading-input>div .connote-btn button:hover {
  opacity: .72;
}

.elem-favorite-heading input,
.elem-favorite-heading button {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: normal;
  -moz-appearance: normal;
  appearance: normal;
}

/* -.elem-heading-grouping-container
*************************************************/

.elem-heading-grouping-container[data-group-color="0"],
.elem-heading-grouping-container[data-group-color="1"] {
  margin: 30px auto;
}

.elem-heading-grouping-container[data-group-color="0"]>div,
.elem-heading-grouping-container[data-group-color="1"]>div {
  border-color: #e0e0e0;
}

.elem-heading-grouping-container[data-group-color="0"] .heading-container>div,
.elem-heading-grouping-container[data-group-color="1"] .heading-container>div {
  background-color: #e0e0e0;
}

.elem-heading-grouping-container[data-group-color="0"] .heading-container>div>div,
.elem-heading-grouping-container[data-group-color="1"] .heading-container>div>div {
  padding: 1.413% 1.957%;
}

.elem-heading-grouping-container[data-group-color="0"] .heading-container>div>div>div>div,
.elem-heading-grouping-container[data-group-color="1"] .heading-container>div>div>div>div {
  position: relative;
  padding-left: 19px;
}

.elem-heading-grouping-container[data-group-color="0"] .heading-container>div>div>div>div::before,
.elem-heading-grouping-container[data-group-color="1"] .heading-container>div>div>div>div::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  content: "";
  background-color: #919191;
}

.elem-heading-grouping-container[data-group-color="0"] .heading-container h2,
.elem-heading-grouping-container[data-group-color="0"] .heading-container h3,
.elem-heading-grouping-container[data-group-color="0"] .heading-container h4,
.elem-heading-grouping-container[data-group-color="0"] .heading-container h5,
.elem-heading-grouping-container[data-group-color="0"] .heading-container h6,
.elem-heading-grouping-container[data-group-color="1"] .heading-container h2,
.elem-heading-grouping-container[data-group-color="1"] .heading-container h3,
.elem-heading-grouping-container[data-group-color="1"] .heading-container h4,
.elem-heading-grouping-container[data-group-color="1"] .heading-container h5,
.elem-heading-grouping-container[data-group-color="1"] .heading-container h6 {
  font-size: 1.286em;
}

.elem-heading-grouping-container[data-group-color="2"] {
  margin: 60px auto;
}

.jumbotron-and-bnr+.elem-heading-grouping-container[data-group-color="2"] {
  margin-top: 40px;
}

.elem-heading-grouping-container[data-group-color="2"]>div {
  border-color: #333;
}

.elem-heading-grouping-container[data-group-color="2"] .heading-container>div {
  text-align: center;
  background-color: #333;
}

.elem-heading-grouping-container[data-group-color="2"] .heading-container>div>div {
  line-height: 1.25;
  padding: 1.304% 1.957%;
}

.elem-heading-grouping-container[data-group-color="2"] .heading-container .sub-txt {
  font-size: 1.429em;
  font-weight: 700;
  display: block;
  color: #fff;
}

.elem-heading-grouping-container[data-group-color="2"] .heading-container h2,
.elem-heading-grouping-container[data-group-color="2"] .heading-container h3,
.elem-heading-grouping-container[data-group-color="2"] .heading-container h4,
.elem-heading-grouping-container[data-group-color="2"] .heading-container h5,
.elem-heading-grouping-container[data-group-color="2"] .heading-container h6 {
  font-size: 1.857em;
}

.elem-heading-grouping-container[data-group-color="2"] .heading-container h2 span,
.elem-heading-grouping-container[data-group-color="2"] .heading-container h3 span,
.elem-heading-grouping-container[data-group-color="2"] .heading-container h4 span,
.elem-heading-grouping-container[data-group-color="2"] .heading-container h5 span,
.elem-heading-grouping-container[data-group-color="2"] .heading-container h6 span {
  color: #fff;
}

.elem-heading-grouping-container[data-group-color="2"] .contents-container>div>div {
  padding: 2.832% 2.614%;
}

.elem-heading-grouping-container>div {
  border: solid 1px;
  border-radius: 8px;
}

.elem-heading-grouping-container .heading-container>div {
  border-radius: 7px 7px 0 0;
}

.elem-heading-grouping-container .heading-container h2 span,
.elem-heading-grouping-container .heading-container h3 span,
.elem-heading-grouping-container .heading-container h4 span,
.elem-heading-grouping-container .heading-container h5 span,
.elem-heading-grouping-container .heading-container h6 span {
  font-weight: 700;
}

.elem-heading-grouping-container .contents-container>div>div {
  padding: 2.717% 3.261%;
}

/* -.elem-catch
*************************************************/

.elem-catch {
  margin: 2.143em auto 1.429em;
}

.elem-catch p {
  font-size: 1.857em;
  font-style: italic;
  line-height: 1.25;
  color: #4caf50;
}

.elem-catch--italic {
  margin: 2.143em auto 1.429em;
}

.elem-catch--italic p {
  font-style: italic;
  line-height: 1.25;
}

/* -.elem-paragraph
*************************************************/

.elem-paragraph {
  margin: 1.429em auto;
}

.elem-paragraph[data-multicol-layout="2"] p {
  -webkit-columns: 2;
  columns: 2;
}

.elem-paragraph[data-multicol-layout="3"] p {
  -webkit-columns: 3;
  columns: 3;
}

.elem-paragraph[data-multicol-layout="4"] p {
  -webkit-columns: 4;
  columns: 4;
}

.elem-paragraph[data-multicol-layout="5"] p {
  -webkit-columns: 5;
  columns: 5;
}

.elem-paragraph p[data-indent="true"] {
  text-indent: 1em;
}

.elem-paragraph p+p {
  margin-top: 1em;
}

.item--solution a .txt-head .elem-paragraph p {
  line-height: 1.45;
  color: #0d46a0;
}

.item--solution a:hover .txt-head .elem-paragraph p {
  text-decoration: underline;
}

.elem-paragraph p a {
  text-decoration: none;
}

.elem-vendor-entrance .elem-paragraph p a {
  text-decoration: underline;
}

.elem-paragraph p a:hover {
  text-decoration: underline;
}

.elem-vendor-entrance .elem-paragraph p a:hover {
  text-decoration: none;
}

.elem-paragraph p em {
  color: #d40000;
}

.elem-paragraph p mark {
  color: #f74239;
}

.elem-paragraph p i[class^="icon"]::before {
  display: inline-block;
  vertical-align: middle;
}

.elem-paragraph p i.icon-bang::before {
  height: 19px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/share/icons/icon-bang.svg);
}

.elem-paragraph-narrow {
  max-width: 95.652%;
}

/*	common setting
*************************************************/

[class^="elem-txt-list"] {
  margin: 2.143em auto;
}

/* -.elem-txt-list
*************************************************/

.side-column .elem-txt-list .txt-list>li {
  line-height: 1.25;
}

.elem-heading-grouping-container .elem-txt-list .txt-list>li {
  line-height: 1.25;
}

.elem-txt-list .txt-list>li>div {
  position: relative;
  display: inline-block;
  padding-left: 1.286em;
}

.mac .elem-txt-list .txt-list>li>div {
  padding-left: 1em;
}

.windows .elem-txt-list .txt-list>li>div {
  padding-left: .857em;
}

.elem-txt-list .txt-list>li>div::before {
  font-size: .429em;
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 0;
  content: "\25a0";
  speak: none;
}

.ie .elem-txt-list .txt-list>li>div::before {
  font-size: 1.286em;
  top: 5px;
}

.firefox .elem-txt-list .txt-list>li>div::before {
  font-size: .714em;
  top: 1px;
}

.mac .elem-txt-list .txt-list>li>div::before {
  top: 3px;
}

.elem-txt-list .txt-list>li>[class^="elem-txt-list"] {
  display: block;
  margin-top: 0;
}

.elem-txt-list .txt-list>li>[class^="elem-txt-list"]>div {
  margin: .714em 0;
}

.elem-txt-list .txt-list>li>[class^="elem-txt-list"]::before {
  content: none;
}

.elem-txt-list .txt-list>li>a {
  position: relative;
  display: inline-block;
  padding-left: .714em;
}

.elem-topics .elem-txt-list .txt-list>li>a {
  padding-left: 0;
}

.elem-txt-list .txt-list>li>a::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: -6px;
  content: "\FF1E";
  speak: none;
}

.elem-topics .elem-txt-list .txt-list>li>a::before {
  content: none;
}

.elem-txt-list .txt-list[data-list-type="none"]>li>a {
  padding-left: 0;
}

.elem-txt-list .txt-list[data-list-type="none"]>li>a::before {
  content: normal;
}

.elem-txt-list [data-direction="vertical"].txt-list>li+li {
  margin-top: .357em;
}

.elem-txt-list [data-direction="horizontal"].txt-list {
  margin-left: -1em;
}

.elem-txt-list [data-direction="horizontal"].txt-list>li {
  display: inline-block;
  margin-left: 1em;
  vertical-align: top;
}

.elem-txt-list [data-direction="horizontal"][data-border="true"].txt-list {
  display: inline-block;
  margin-left: 0;
  padding: .75em 2em .25em;
  border: 4px solid #e0e0e0;
  background: #fff;
}

.ios .elem-txt-list [data-direction="horizontal"][data-border="true"].txt-list,
.elem-txt-list .ios [data-direction="horizontal"][data-border="true"].txt-list {
  padding: .75em 2em;
}

.elem-txt-list [data-direction="horizontal"][data-border="true"].txt-list>li {
  margin-left: 3em;
}

.elem-txt-list [data-direction="horizontal"][data-border="true"].txt-list>li:first-child {
  margin-left: 0;
}

.elem-txt-list [data-direction="horizontal"][data-border="true"].txt-list>li>div {
  margin-left: 0;
}

.elem-txt-list [data-direction="horizontal"][data-border="true"].txt-list>li>div::before {
  content: normal;
}

.elem-txt-list [data-direction="horizontal"][data-border="true"].txt-list>li>a::before {
  content: normal;
}

/* -.elem-txt-list--anchor
*************************************************/

.elem-txt-list--anchor {
  padding: .643em 2.041%;
  border: 4px solid #e0e0e0;
  background: #fff;
}

.elem-txt-list--anchor .txt-list--anchor>li>a {
  position: relative;
  padding-left: 1.2em;
}

.elem-txt-list--anchor .txt-list--anchor>li>a::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: "\e900";
}

.mac .elem-txt-list--anchor .txt-list--anchor>li>a::before {
  top: -3px;
}

.elem-txt-list--anchor .txt-list--anchor>li [class^="elem-txt-list"] {
  margin-top: 0;
}

.elem-txt-list--anchor .txt-list--anchor>li [class^="elem-txt-list"]>div {
  margin: .714em 0;
}

.elem-txt-list--anchor [data-direction="vertical"].txt-list--anchor>li+li {
  margin-top: .357em;
}

.elem-txt-list--anchor [data-direction="horizontal"].txt-list--anchor {
  margin-left: -1em;
}

.elem-txt-list--anchor [data-direction="horizontal"].txt-list--anchor>li {
  display: inline-block;
  margin-left: 1em;
  vertical-align: top;
}

/* -.elem-txt-list--pagetop
*************************************************/

/* -.elem-txt-list--detail
*************************************************/

.elem-txt-list--detail .txt-list--detail {
  display: table;
  width: 100%;
}

.elem-txt-list--detail .txt-list--detail>dl {
  display: table-row;
}

.elem-txt-list--detail .txt-list--detail>dl:not(:first-child)>dt,
.elem-txt-list--detail .txt-list--detail>dl:not(:first-child)>dd {
  padding-top: .357em;
}

.elem-txt-list--detail .txt-list--detail>dl:not(:first-child)[data-colon="true"]>dd {
  background-position: 0 .3em;
}

.elem-txt-list--detail .txt-list--detail>dl>dt,
.elem-txt-list--detail .txt-list--detail>dl>dd {
  display: table-cell;
  vertical-align: top;
}

.elem-txt-list--detail .txt-list--detail>dl>dt {
  width: 1%;
}

.elem-txt-list--detail .txt-list--detail>dl>dt span {
  font-weight: 700;
  white-space: nowrap;
}

.elem-txt-list--detail .txt-list--detail>dl>dd {
  width: 99%;
  padding-left: 1em;
}

.elem-txt-list--detail .txt-list--detail>dl>dd [class^="elem-"] {
  margin-bottom: 0;
}

.elem-txt-list--detail .txt-list--detail>dl>dd [class^="elem-"]+[class^="elem-"] {
  margin: .5em 0;
}

/* -.elem-txt-list--order
*************************************************/

.elem-txt-list--order .txt-list--order {
  display: table;
}

.elem-txt-list--order .txt-list--order>li {
  display: table-row;
  counter-increment: parent-ol;
}

.elem-txt-list--order .txt-list--order>li:not(:first-child) {
  margin-top: .357em;
}

.elem-txt-list--order .txt-list--order>li::before {
  display: table-cell;
  padding-right: .571em;
  content: counter(parent-ol) ".";
  text-align: right;
}

.elem-txt-list--order .txt-list--order>li.add-parentheses::before {
  content: "i"counter(parent-ol) "j";
}

.elem-txt-list--order .txt-list--order>li.no-serial-number::before {
  content: "";
}

.elem-txt-list--order .txt-list--order>li::after {
  display: block;
  margin-top: .071em;
  content: "";
}

.elem-txt-list--order .txt-list--order>li [class^="elem"] {
  margin: .714em auto;
}

.elem-txt-list--order .txt-list--order>li .txt-list--order {
  margin-top: .357em;
}

.elem-txt-list--order .txt-list--order>li .txt-list--order>li {
  counter-increment: child-ol;
}

.elem-txt-list--order .txt-list--order>li .txt-list--order>li::before {
  content: "i"counter(child-ol) "j";
}

.elem-txt-list--order .txt-list--order>li .txt-list--order>li.serial-number::before {
  content: counter(child-ol) ".";
}

.elem-txt-list--order .txt-list--order>li .txt-list--order>li.no-serial-number::before {
  content: "";
}

.elem-txt-list--order .txt-list--order>li .txt-list--order>li .txt-list--order>li {
  counter-increment: nest-ol;
}

.elem-txt-list--order .txt-list--order>li .txt-list--order>li .txt-list--order>li::before {
  content: "i"counter(nest-ol) "j";
}

.elem-txt-list--order .txt-list--order>li .txt-list--order>li .txt-list--order>li.serial-number::before {
  content: counter(child-ol) ".";
}

.elem-txt-list--order .txt-list--order>li .txt-list--order>li .txt-list--order>li.no-serial-number::before {
  content: "";
}

/* -.elem-txt-list--note
*************************************************/

.elem-txt-list--note .txt-list--note {
  display: table;
}

.elem-txt-list--note .txt-list--note>li {
  display: table-row;
  counter-increment: parent-ol;
}

.elem-txt-list--note .txt-list--note>li::before {
  display: table-cell;
  padding-right: .571em;
  content: "\203B";
  text-align: right;
  white-space: nowrap;
}

.elem-txt-list--note .txt-list--note>li::after {
  display: block;
  margin-top: .071em;
  content: "";
}

.elem-txt-list--note .txt-list--note>li:not(:first-child)::before,
.elem-txt-list--note .txt-list--note>li:not(:first-child)>div {
  padding-top: .357em;
}

.elem-txt-list--note .txt-list--note>li [class^="elem-txt-list"] {
  margin-top: 0;
}

.elem-txt-list--note .txt-list--note>li .txt-list--note>li {
  counter-increment: child-ol;
}

.elem-txt-list--note .txt-list--note>li .txt-list--note>li::before {
  content: "¦"counter(child-ol);
}

.elem-txt-list--note .txt-list--note>li .txt-list--note>li .txt-list--note>li {
  counter-increment: nest-ol;
}

.elem-txt-list--note .txt-list--note>li .txt-list--note>li .txt-list--note>li::before {
  content: "¦"counter(nest-ol);
}

.elem-txt-list--note .txt-list--note>li a {
  text-decoration: underline;
}

.elem-txt-list--note .txt-list--note>li a:hover {
  text-decoration: none;
}

/* -.elem-txt-list--date
*************************************************/

.elem-txt-list--date .txt-list--date {
  border-bottom: solid 1px #ccc;
}

.elem-txt-list--date .txt-list--date>li {
  width: 100%;
  padding: .857em 0;
  border-top: solid 1px #ccc;
}

html:not(.ie9) .elem-txt-list--date .txt-list--date>li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.ie9 .elem-txt-list--date .txt-list--date>li {
  display: table;
  width: 100%;
}

.ie9 .elem-txt-list--date .txt-list--date>li .date-container {
  display: table-cell;
  width: 1%;
  vertical-align: top;
  white-space: nowrap;
}

.elem-txt-list--date .txt-list--date>li .date-container .date-box {
  padding-right: 1.429em;
}

.elem-txt-list--date .txt-list--date>li .date-container .date-box time {
  color: #a0a0a0;
}

.elem-txt-list--date .txt-list--date>li .date-container .icon-box {
  display: inline-block;
  margin-left: .571em;
  vertical-align: text-top;
}

.elem-txt-list--date .txt-list--date>li .date-container .icon-box ul li span {
  font-size: .786em;
  font-weight: 700;
  display: block;
  padding: 0 1em;
  color: #fff;
}

.elem-txt-list--date .txt-list--date>li .date-container .icon-box ul li span[data-icon-color="1"] {
  background-color: #22b573;
}

.elem-txt-list--date .txt-list--date>li .date-container .icon-box ul li span[data-icon-color="2"] {
  background-color: #999;
}

.elem-txt-list--date .txt-list--date>li .date-container .icon-box ul li span[data-icon-color="3"] {
  background-color: #29abe2;
}

.elem-txt-list--date .txt-list--date>li .date-container .icon-box ul li span[data-icon-color="4"] {
  background-color: #bbb;
}

.elem-txt-list--date .txt-list--date>li .date-container .icon-box ul li span[data-icon-color="5"] {
  background-color: #ccc;
}

.elem-txt-list--date .txt-list--date>li .txt-container {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex: 1 1 auto;
}

.ie9 .elem-txt-list--date .txt-list--date>li .txt-container {
  display: table-cell;
  width: 99%;
  vertical-align: top;
}

.elem-txt-list--date .txt-list--date>li.item--simple {
  display: table-row;
  width: 100%;
}

.elem-txt-list--date .txt-list--date>li.item--simple .date-container {
  font-size: 1em;
  display: table-cell;
  padding: 10px 20px 10px 0;
  vertical-align: top;
  border-top: solid 1px #ccc;
}

.elem-txt-list--date .txt-list--date>li.item--simple .txt-container {
  display: table-cell;
  padding: 10px 0;
  vertical-align: top;
  border-top: solid 1px #ccc;
}

.elem-txt-list--date .txt-list--date>li.item--simple:first-child .date-container,
.elem-txt-list--date .txt-list--date>li.item--simple:first-child .txt-container {
  border-top: none;
}

/* -.elem-txt-list--pagination
*************************************************/

.elem-txt-list--pagination {
  margin: 3.571em auto;
}

.elem-txt-list--pagination>div>div>div>div {
  display: table;
  text-align: center;
}

.elem-txt-list--pagination [class^="txt-list--pagination"] {
  display: table-cell;
  vertical-align: middle;
}

.elem-txt-list--pagination [class^="txt-list--pagination"]>a {
  display: inline-block;
  min-width: 35px;
  padding: .3em 0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background-color: #fff;
}

.elem-txt-list--pagination [class^="txt-list--pagination"]>a i.icon-arrow-backward::before {
  display: inline-block;
  height: 25px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-txt-list/pagination/icon-arrow-backward.svg);
  vertical-align: middle;
}

.elem-txt-list--pagination [class^="txt-list--pagination"]>a i.icon-arrow-forward::before {
  display: inline-block;
  height: 25px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-txt-list/pagination/icon-arrow-forward.svg);
  vertical-align: middle;
}

.elem-txt-list--pagination [class^="txt-list--pagination"]>a span {
  display: none;
  vertical-align: middle;
}

.elem-txt-list--pagination .txt-list--pagination-prev {
  width: 1%;
}

.elem-txt-list--pagination .txt-list--pagination-prev[aria-hidden="true"] {
  visibility: hidden;
}

.ie .elem-txt-list--pagination .txt-list--pagination-prev>a span {
  vertical-align: 6px;
}

.elem-txt-list--pagination .txt-list--pagination-prev>a:hover {
  color: #fff;
  background-color: #f0f0f0;
}

.elem-txt-list--pagination .txt-list--pagination {
  width: 98%;
  margin: 0 2.857em;
}

.elem-txt-list--pagination .txt-list--pagination>ul>li {
  display: inline-block;
  margin-left: .714em;
  vertical-align: middle;
}

.elem-txt-list--pagination .txt-list--pagination>ul>li:first-child {
  margin-left: 0;
}

.elem-txt-list--pagination .txt-list--pagination>ul>li:first-child::before {
  margin-right: 1.429em;
  content: "\2026";
  vertical-align: middle;
  color: #ccc;
}

.elem-txt-list--pagination .txt-list--pagination>ul>li:first-child.first::before {
  visibility: hidden;
}

.elem-txt-list--pagination .txt-list--pagination>ul>li:last-child::after {
  margin-left: 1.429em;
  content: "\2026";
  vertical-align: middle;
  color: #ccc;
}

.elem-txt-list--pagination .txt-list--pagination>ul>li:last-child.last::after {
  visibility: hidden;
}

.elem-txt-list--pagination .txt-list--pagination>ul>li.current a {
  color: #fff;
  border: none;
  background: #174da7;
}

.elem-txt-list--pagination .txt-list--pagination>ul>li.current a:hover {
  border: none;
}

.elem-txt-list--pagination .txt-list--pagination>ul>li a {
  display: inline-block;
  min-width: 35px;
  padding: .357em 1em;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}

.elem-txt-list--pagination .txt-list--pagination>ul>li a:hover {
  color: #fff;
  border: 1px solid transparent;
  background: #174da7;
}

.elem-txt-list--pagination .txt-list--pagination-next {
  width: 1%;
}

.elem-txt-list--pagination .txt-list--pagination-next[aria-hidden="true"] {
  visibility: hidden;
}

.ie .elem-txt-list--pagination .txt-list--pagination-next>a span {
  vertical-align: 6px;
}

.elem-txt-list--pagination .txt-list--pagination-next>a:hover {
  color: #fff;
  background-color: #f0f0f0;
}

/* -.elem-txt-list--tab-wrapper
*************************************************/

/* -.elem-txt-list--tab
*************************************************/

.elem-txt-list--tab {
  margin: 50px auto;
}

.layout-wrapper>div>div>div>div>.elem-txt-list--tab {
  width: 100%;
}

/* -.elem-txt-list--tab-swipe
*************************************************/

.elem-txt-list--tab-swipe {
  margin: 50px auto;
}

.elem-txt-list--tab .txt-list--tab,
.elem-txt-list--tab-swipe .txt-list--tab {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.elem-txt-list--tab .txt-list--tab>li,
.elem-txt-list--tab-swipe .txt-list--tab>li {
  display: table-cell;
  transition: background-color .15s ease;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e1e1e1;
  border-left: none;
  background-color: #fff;
}

.elem-txt-list--tab .txt-list--tab>li:first-child,
.elem-txt-list--tab-swipe .txt-list--tab>li:first-child {
  border-left: 1px solid #e1e1e1;
}

.elem-txt-list--tab .txt-list--tab>li:hover,
.elem-txt-list--tab-swipe .txt-list--tab>li:hover {
  cursor: pointer;
  border: 1px solid #555;
  background-color: #555;
}

.elem-txt-list--tab .txt-list--tab>li:hover a,
.elem-txt-list--tab-swipe .txt-list--tab>li:hover a {
  text-decoration: none;
}

.elem-txt-list--tab .txt-list--tab>li:hover span,
.elem-txt-list--tab-swipe .txt-list--tab>li:hover span {
  color: #fff;
}

.elem-txt-list--tab .txt-list--tab>li:hover i.icon-pdf::after,
.elem-txt-list--tab-swipe .txt-list--tab>li:hover i.icon-pdf::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-txt-list/tab/icons/02/icon-pdf.svg);
}

.elem-txt-list--tab .txt-list--tab>li:hover i.icon-newwin::after,
.elem-txt-list--tab-swipe .txt-list--tab>li:hover i.icon-newwin::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-txt-list/tab/icons/02/icon-newwin.svg);
}

.elem-txt-list--tab .txt-list--tab>li.current,
.elem-txt-list--tab-swipe .txt-list--tab>li.current {
  position: relative;
  pointer-events: none;
  border: none;
  background-color: #212121;
}

.elem-txt-list--tab .txt-list--tab>li.current::before,
.elem-txt-list--tab-swipe .txt-list--tab>li.current::before {
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
  background: #212121;
}

.elem-txt-list--tab .txt-list--tab>li.current span,
.elem-txt-list--tab-swipe .txt-list--tab>li.current span {
  font-weight: 700;
  color: #fff;
}

.elem-txt-list--tab .txt-list--tab>li.current i.icon-pdf::after,
.elem-txt-list--tab-swipe .txt-list--tab>li.current i.icon-pdf::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-txt-list/tab/icons/02/icon-pdf.svg);
}

.elem-txt-list--tab .txt-list--tab>li.current i.icon-newwin::after,
.elem-txt-list--tab-swipe .txt-list--tab>li.current i.icon-newwin::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-txt-list/tab/icons/02/icon-newwin.svg);
}

.elem-txt-list--tab .txt-list--tab>li>div,
.elem-txt-list--tab-swipe .txt-list--tab>li>div {
  height: 100%;
}

.elem-txt-list--tab .txt-list--tab>li>div span,
.elem-txt-list--tab-swipe .txt-list--tab>li>div span {
  font-size: 1.143em;
}

.elem-txt-list--tab .txt-list--tab>li>div i::after,
.elem-txt-list--tab-swipe .txt-list--tab>li>div i::after {
  display: inline-block;
  vertical-align: middle;
}

.elem-txt-list--tab .txt-list--tab>li>div i.icon-pdf::after,
.elem-txt-list--tab-swipe .txt-list--tab>li>div i.icon-pdf::after {
  height: 18px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-txt-list/tab/icons/01/icon-pdf.svg);
}

.elem-txt-list--tab .txt-list--tab>li>div i.icon-newwin::after,
.elem-txt-list--tab-swipe .txt-list--tab>li>div i.icon-newwin::after {
  height: 18px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-txt-list/tab/icons/01/icon-newwin.svg);
}

.elem-txt-list--tab .txt-list--tab>li a,
.elem-txt-list--tab-swipe .txt-list--tab>li a {
  display: table;
  width: 100%;
  height: 100%;
  padding: .75em 1em;
}

.elem-txt-list--tab .txt-list--tab>li a span,
.elem-txt-list--tab-swipe .txt-list--tab>li a span {
  display: table-cell;
  vertical-align: middle;
}

/* -.elem-txt-list--tab-body
*************************************************/

.elem-txt-list--tab-body {
  margin-top: -25px;
}

/* -.elem-txt-list--faq
*************************************************/

/* -.elem-txt-list--btn
*************************************************/

.elem-txt-list--btn {
  margin: 3.571em auto;
}

.elem-txt-list--btn .txt-list--btn[data-direction="vertical"]>li+li {
  margin-top: 30px;
}

.elem-txt-list--btn .txt-list--btn[data-direction="horizontal"] {
  margin-top: -20px;
}

.elem-txt-list--btn .txt-list--btn[data-direction="horizontal"]>li {
  display: inline-block;
  width: 47.959%;
  padding-top: 20px;
  vertical-align: middle;
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="1"]>li {
  width: 48.98%;
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="2"]>li {
  width: 48.98%;
  margin-left: 2.041%;
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="2"]>li:nth-child(2n+1) {
  margin-left: 0;
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="3"]>li {
  width: 32.653%;
  margin-left: 1.02%;
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="3"]>li:nth-child(3n+1) {
  margin-left: 0;
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="4"]>li {
  width: 24.082%;
  margin-left: 1.224%;
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="4"]>li:nth-child(4n+1) {
  margin-left: 0;
}

/* -.elem-txt-list--ruler
*************************************************/

.elem-txt-list--ruler {
  margin: 20px auto 30px;
}

.elem-txt-list--ruler .txt-list--ruler>li {
  padding: 8px 0;
  border-bottom: solid 1px #e0e0e0;
}

.elem-txt-list--ruler .txt-list--ruler>li:nth-child(n+6) {
  display: none;
  opacity: 0;
}

.elem-txt-list--ruler .txt-list--ruler>li>a i::after {
  display: inline-block;
  vertical-align: middle;
}

.elem-txt-list--ruler .txt-list--ruler>li>a i.icon-newwin::after {
  height: 18px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-txt-list/ruler/icon-newwin.svg);
}

/* -.elem-txt-list--refine
*************************************************/

.elem-txt-list--refine .txt-list--refine>li {
  padding: 22px 0 1em;
  border-bottom: solid 1px #e8e8e8;
}

.elem-txt-list--refine .txt-list--refine>li:first-child {
  padding-top: 0;
}

.elem-txt-list--refine .txt-list--refine>li .upper time {
  vertical-align: middle;
}

.elem-txt-list--refine .txt-list--refine>li .upper time+span {
  margin-left: 1.231em;
}

.elem-txt-list--refine .txt-list--refine>li .upper span {
  font-size: .929em;
  display: inline-block;
  padding: 0 1.231em;
  vertical-align: middle;
  border: solid 1px #b6b6b6;
}

.elem-txt-list--refine .txt-list--refine>li .upper+.lower {
  margin-top: 5px;
}

.elem-txt-list--refine .txt-list--refine>li .lower p {
  font-size: 1.143em;
}

/* -.elem-bnr-list
*************************************************/

.elem-bnr-list {
  margin: 0 auto 35px;
}

.elem-bnr-list .bnr-list>li a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.elem-bnr-list[data-direction="vertical"] .bnr-list>li+li {
  margin-top: 10px;
}

.promotion-pager {
  display: none;
}

/* -.elem-article-list
*************************************************/

.elem-article-list {
  margin: 0 auto 30px;
}

.elem-article-list[data-img=""] .article-list,
.elem-article-list[data-img="true"] .article-list {
  margin-top: -13px;
}

.elem-article-list[data-img=""] .article-list>li,
.elem-article-list[data-img="true"] .article-list>li {
  position: relative;
  border-bottom: solid 1px #e0e0e0;
}

.elem-article-list[data-img=""] .article-list>li:first-child .ranking-number,
.elem-article-list[data-img="true"] .article-list>li:first-child .ranking-number {
  color: #fff;
  border: none;
  background-color: #ffb44f;
}

.elem-article-list[data-img=""] .article-list>li:nth-child(2) .ranking-number,
.elem-article-list[data-img="true"] .article-list>li:nth-child(2) .ranking-number {
  color: #fff;
  border: none;
  background-color: #a0a0a0;
}

.elem-article-list[data-img=""] .article-list>li:nth-child(3) .ranking-number,
.elem-article-list[data-img="true"] .article-list>li:nth-child(3) .ranking-number {
  color: #fff;
  border: none;
  background-color: #9a867f;
}

.elem-article-list[data-img=""] .article-list>li a,
.elem-article-list[data-img="true"] .article-list>li a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  padding: 13px 0;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ie9 .elem-article-list[data-img=""] .article-list>li a,
.ie9 .elem-article-list[data-img="true"] .article-list>li a {
  display: table;
  width: 100%;
}

.elem-article-list[data-img=""] .article-list>li a:hover .txt-container p,
.elem-article-list[data-img="true"] .article-list>li a:hover .txt-container p {
  text-decoration: underline;
}

.elem-article-list[data-img=""] .article-list>li a .pic-container,
.elem-article-list[data-img="true"] .article-list>li a .pic-container {
  width: 53px;
  height: 36px;
  border: solid 1px #e0e0e0;
}

.ie9 .elem-article-list[data-img=""] .article-list>li a .pic-container,
.ie9 .elem-article-list[data-img="true"] .article-list>li a .pic-container {
  display: table-cell;
  vertical-align: middle;
}

.elem-article-list[data-img=""] .article-list>li a .pic-container img,
.elem-article-list[data-img="true"] .article-list>li a .pic-container img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.elem-article-list[data-img=""] .article-list>li a .txt-container,
.elem-article-list[data-img="true"] .article-list>li a .txt-container {
  width: 163px;
}

.ie9 .elem-article-list[data-img=""] .article-list>li a .txt-container,
.ie9 .elem-article-list[data-img="true"] .article-list>li a .txt-container {
  display: table-cell;
  width: auto;
  padding-left: 10px;
  vertical-align: middle;
}

.elem-article-list[data-img=""] .article-list>li a .txt-container p,
.elem-article-list[data-img="true"] .article-list>li a .txt-container p {
  line-height: 1.35;
}

.elem-article-list[data-img=""] .article-list>li .ranking-number,
.elem-article-list[data-img="true"] .article-list>li .ranking-number {
  font-size: .786em;
  position: absolute;
  z-index: 1;
  top: 14px;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  color: #444;
  border: solid 1px #e0e0e0;
  border-radius: 9px;
  background-color: #fff;
}

.elem-article-list[data-img="false"] .article-list>li {
  position: relative;
  border-bottom: solid 1px #e0e0e0;
}

.elem-article-list[data-img="false"] .article-list>li:first-child .ranking-number {
  color: #fff;
  border: none;
  background-color: #ff4c39;
}

.elem-article-list[data-img="false"] .article-list>li:nth-child(2) .ranking-number {
  color: #fff;
  border: none;
  background-color: #9e9e9e;
}

.elem-article-list[data-img="false"] .article-list>li:nth-child(3) .ranking-number {
  color: #fff;
  border: none;
  background-color: #a1887f;
}

.elem-article-list[data-img="false"] .article-list>li a {
  display: block;
  padding: 13px 0;
}

.elem-article-list[data-img="false"] .article-list>li a:hover .txt-container p {
  text-decoration: underline;
}

.elem-article-list[data-img="false"] .article-list>li a .txt-container {
  padding-left: 41px;
}

.elem-article-list[data-img="false"] .article-list>li a .txt-container p {
  line-height: 1.35;
}

.elem-article-list[data-img="false"] .article-list>li a .txt-container time {
  color: #a0a0a0;
}

.elem-article-list[data-img="false"] .article-list>li a .icon-container {
  margin-top: -.357em;
  margin-left: -.357em;
  padding-top: .714em;
  padding-left: 41px;
}

.elem-article-list[data-img="false"] .article-list>li a .icon-container .icon {
  font-size: .857em;
  display: inline-block;
  overflow: hidden;
  max-width: 200px;
  margin-top: .357em;
  margin-left: .357em;
  padding: 0 .714em;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  color: #444;
  border: solid 1px #dfdfdf;
  background: #fff;
}

.elem-article-list[data-img="false"] .article-list>li .ranking-number {
  font-size: .786em;
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 0;
  width: 29px;
  height: 29px;
  padding-top: 5px;
  text-align: center;
  color: #444;
  border: solid 1px #e0e0e0;
  border-radius: 50%;
  background-color: #fff;
}

.elem-article-list[data-ranking="false"] .article-list>li a {
  overflow: visible;
}

.elem-article-list[data-ranking="false"] .article-list>li a .pic-container {
  display: none;
}

.elem-article-list[data-ranking="false"] .article-list>li a .txt-container {
  padding-left: 0;
}

.elem-article-list[data-ranking="false"] .article-list>li a .icon-container {
  padding-left: 0;
}

.elem-article-list[data-ranking="false"] .article-list>li .ranking-number {
  display: none;
}

/* -.elem-vertical-stack-box-list
*************************************************/

.elem-vertical-stack-box-list .vertical-stack-box-list {
  padding: 10px;
  border: solid 1px #e5e5e5;
  background: #fff;
}

.elem-vertical-stack-box-list .vertical-stack-box-list>li {
  min-height: 208px;
}

.elem-vertical-stack-box-list .vertical-stack-box-list>li+li {
  padding-top: .714em;
  border-top: solid 1px #e5e5e5;
}

.elem-vertical-stack-box-list .vertical-stack-box-list>li a {
  text-decoration: none;
}

.elem-vertical-stack-box-list .vertical-stack-box-list>li a:hover .txt-container:first-child p {
  text-decoration: underline;
}

.elem-vertical-stack-box-list .vertical-stack-box-list>li a .txt-container:last-child p {
  color: #444;
}

/* -.elem-label-list
*************************************************/

.elem-label-list .label-list {
  display: table;
}

.elem-label-list .label-list>li {
  display: table-row;
}

.elem-label-list .label-list>li:first-child p {
  padding-top: 0;
}

.elem-label-list .label-list>li:last-child p {
  padding-bottom: 0;
}

.elem-label-list .label-list>li p {
  display: table-cell;
  padding: 5px 0;
  vertical-align: middle;
}

.elem-label-list .label-list>li p+p {
  padding-left: 1em;
}

.elem-label-list .label-list>li p>span {
  line-height: 1.25;
  display: inline-block;
  min-width: 100px;
  padding: 3px 8px 4px;
  vertical-align: middle;
  border: solid 1px #e0e0e0;
  background-color: #fff;
}

.elem-label-list .label-list>li p>span i::before {
  display: inline-block;
  vertical-align: middle;
}

.elem-label-list .label-list>li p>span .icon-circle::before {
  height: 15px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-label-list/icon-circle.svg);
}

.elem-label-list .label-list>li p>span .icon-cross::before {
  height: 15px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-label-list/icon-cross.svg);
}

.elem-label-list .label-list>li p>span span {
  font-size: .857em;
  vertical-align: middle;
}

/* -.elem-form-check-label-list
*************************************************/

.elem-form-check-label-list[data-direction="horizontal"] .form-check-label-list {
  margin-left: -1em;
}

.elem-form-check-label-list[data-direction="horizontal"] .form-check-label-list>li {
  display: inline-block;
  margin-left: 1em;
  vertical-align: top;
}

.elem-form-check-label-list[data-direction="horizontal"] .form-check-label-list>li label span {
  vertical-align: middle;
}

.elem-form-check-label-list[data-direction="horizontal"] .form-check-label-list>li label .form-input-module {
  display: inline-block;
  vertical-align: middle;
}

.elem-form-check-label-list .form-check-label-list>li label {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
}

.elem-form-check-label-list .form-check-label-list>li label input[type="checkbox"] {
  margin-right: .5em;
  vertical-align: middle;
}

.windows .elem-form-check-label-list .form-check-label-list>li label input[type="checkbox"] {
  vertical-align: -2px;
}

.elem-form-check-label-list .form-check-label-list>li label span {
  vertical-align: middle;
}

/* -.elem-form-radio-label-list
*************************************************/

.elem-form-radio-label-list[data-direction="horizontal"] .form-radio-label-list {
  margin-left: -1em;
}

.elem-form-radio-label-list[data-direction="horizontal"] .form-radio-label-list>li {
  display: inline-block;
  margin-left: 1em;
  vertical-align: top;
}

.elem-form-radio-label-list[data-direction="horizontal"] .form-radio-label-list>li label span {
  vertical-align: middle;
}

.elem-form-radio-label-list .form-radio-label-list>li label {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
}

.elem-form-radio-label-list .form-radio-label-list>li label input[type="radio"] {
  margin-right: .5em;
}

.windows .elem-form-radio-label-list .form-radio-label-list>li label input[type="radio"] {
  vertical-align: middle;
}

.windows.firefox .elem-form-radio-label-list .form-radio-label-list>li label input[type="radio"] {
  vertical-align: -1px;
}

.ie .elem-form-radio-label-list .form-radio-label-list>li label input[type="radio"] {
  vertical-align: -1px;
}

.elem-form-radio-label-list .form-radio-label-list>li label span {
  vertical-align: middle;
}

.elem-form-radio-label-list[data-toggle="true"] .toggle-list li {
  display: none;
}

.elem-form-radio-label-list[data-toggle="true"] .toggle-list li+* {
  padding-top: .5em;
}

/* -.elem-tag-list
*************************************************/

.elem-tag-list .tag-list {
  margin-top: -.357em;
  margin-left: -.357em;
}

.elem-tag-list .tag-list>li {
  display: inline-block;
  max-width: 280px;
  margin-top: .357em;
  margin-left: .357em;
  vertical-align: top;
}

.elem-tag-list .tag-list>li span {
  font-size: .857em;
  font-weight: 700;
  display: block;
  overflow: hidden;
  padding: 0 .417em;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  color: #009586;
  border: solid 1px #dfdfdf;
  border-radius: 4px;
}

/* -.elem-favorite-popup-other-info-list
*************************************************/

.elem-favorite-popup-other-info-list .favorite-popup-other-info-list>li {
  line-height: 1.35;
  position: relative;
  padding-left: 1.286em;
}

.elem-favorite-popup-other-info-list .favorite-popup-other-info-list>li::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: "\25A0";
}

.elem-favorite-popup-other-info-list .favorite-popup-other-info-list>li+li {
  margin-top: .5em;
}

.elem-favorite-popup-other-info-list .favorite-popup-other-info-list>li i::after {
  display: inline-block;
  vertical-align: middle;
}

.elem-favorite-popup-other-info-list .favorite-popup-other-info-list>li i.icon-newwin {
  margin-left: .357em;
}

.elem-favorite-popup-other-info-list .favorite-popup-other-info-list>li i.icon-newwin::after {
  height: 17px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/share/icons/icon-newwin.svg);
}

/* -.elem-favorite-checkbox-control-btn-list
*************************************************/

.elem-favorite-checkbox-control-btn-list {
  margin: 20px auto;
}

.elem-favorite-checkbox-control-btn-list[data-arrow-direction="downward"]>div::after {
  bottom: -8px;
  content: "";
  background: no-repeat 0 0 url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-favorite-checkbox-control-btn-list/arrow-bottom.svg);
}

.elem-favorite-checkbox-control-btn-list[data-arrow-direction="upward"]>div::before {
  top: -8px;
  content: "";
  background: no-repeat 0 0 url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-favorite-checkbox-control-btn-list/arrow-top.svg);
}

.elem-favorite-checkbox-control-btn-list>div {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #e0e0e0;
}

.elem-favorite-checkbox-control-btn-list>div::before,
.elem-favorite-checkbox-control-btn-list>div::after {
  position: absolute;
  z-index: 1;
  left: 55px;
  width: 15px;
  height: 8px;
}

.elem-favorite-checkbox-control-btn-list>div>div {
  padding: 1em 19px;
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li {
  display: inline-block;
  vertical-align: top;
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li+li {
  margin-left: .714em;
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.all-select,
.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.all-clear {
  border: solid 1px #e0e0e0;
  background-color: #fff;
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.all-select:hover,
.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.all-clear:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, .72);
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.select-remove {
  color: #fff;
  background-color: #414141;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .32);
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.select-remove:hover {
  opacity: .72;
  box-shadow: 0 0 0 transparent;
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.select-remove .icon-trash::before {
  height: 17px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-favorite-checkbox-control-btn-list/icon-trash.svg);
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.select-cart {
  background: linear-gradient(to bottom, #f7ce1a, #ef790f);
  background-color: #f6b418;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .32);
}

.ie .elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.select-cart {
  background: -ms-linear-gradient(top, #f7ce1a, #ef790f);
}

.firefox .elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.select-cart {
  background: -moz-linear-gradient(top, #f7ce1a, #ef790f);
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.select-cart:hover {
  box-shadow: 0 0 0 transparent;
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button.select-cart .icon-cart::before {
  height: 17px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/favorite-checkbox-block/icon-cart.svg);
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button i::before {
  display: inline-block;
  vertical-align: middle;
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button span {
  vertical-align: middle;
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button span span {
  display: none;
}

.elem-favorite-checkbox-control-btn-list .favorite-checkbox-control-btn-list>li button span span:first-child {
  display: inline;
}

.elem-favorite-checkbox-control-btn-list button {
  width: 100%;
  height: 33px;
  padding: 0 1em;
  transition: background-color .5s ease, box-shadow .5s ease-out, color .5s ease, opacity .5s ease;
  border: none;
  border-radius: 4px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* -.elem-favorite-article-list
*************************************************/

.elem-favorite-article-list {
  margin: 20px auto;
}

.elem-favorite-article-list .favorite-article-list {
  display: table;
  width: 100%;
  border-bottom: solid 1px #e0e0e0;
}

.elem-favorite-article-list .favorite-article-list>li {
  display: table-row;
}

.elem-favorite-article-list .favorite-article-list>li .column {
  display: table-cell;
  padding: .5em 1em;
}

.elem-favorite-article-list .favorite-article-list>li>.column {
  border-top: solid 1px #e0e0e0;
}

.elem-favorite-article-list .favorite-article-list>li>.column:first-child {
  width: 5.435%;
}

.elem-favorite-article-list .favorite-article-list>li>.column:last-child {
  width: 94.565%;
}

.elem-favorite-article-list .favorite-article-list>li .column-child {
  display: table;
  width: 100%;
}

.elem-favorite-article-list .favorite-article-list>li .column-child>.column:first-child {
  width: 64.943%;
}

.elem-favorite-article-list .favorite-article-list>li .column-child>.column:nth-child(2) {
  width: 18.391%;
}

.elem-favorite-article-list .favorite-article-list>li .column-child>.column:last-child {
  text-align: right;
}

.elem-favorite-article-list .connote-input label {
  display: block;
  text-align: center;
}

.elem-favorite-article-list .connote-btn {
  position: relative;
}

.elem-favorite-article-list .connote-btn button {
  font-size: 1.143em;
  width: 100%;
  height: 40px;
  transition: opacity .5s ease;
  color: #fff;
  border: none;
  border-radius: 8px;
  outline: none;
  background-color: #414141;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.elem-favorite-article-list .connote-btn button:hover {
  opacity: .72;
}

.elem-favorite-article-list .connote-btn button i::before {
  display: inline-block;
  vertical-align: middle;
}

.elem-favorite-article-list .connote-btn button i.icon-setting::before {
  height: 24px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-favorite-article-list/icon-setting.svg);
}

.elem-favorite-article-list .favorite-article-txt-container a {
  font-size: 1.143em;
}

.elem-favorite-article-list .favorite-article-input {
  display: none;
}

.elem-favorite-article-list .btn-article-name-change-animation .btn-after-label {
  display: none;
}

.elem-favorite-article-list .btn-article-name-change-animation.active .btn-before-label {
  display: none;
}

.elem-favorite-article-list .btn-article-name-change-animation.active .btn-after-label {
  display: inline;
}

/* -.elem-dsf-status-list
*************************************************/

.elem-dsf-status-list {
  margin: 9px auto 20px;
}

.elem-dsf-status-list .dsf-status-list {
  display: table;
  width: 100%;
  margin: 0 -5px;
}

.elem-dsf-status-list .dsf-status-list>li {
  display: table-cell;
  padding: 0 5px;
  text-align: center;
  vertical-align: middle;
}

.elem-dsf-status-list .dsf-status-list>li.disable {
  color: #bdbdbd;
}

.elem-dsf-status-list .dsf-status-list>li.disable>div b,
.elem-dsf-status-list .dsf-status-list>li.disable>div span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.elem-dsf-status-list .dsf-status-list>li>div {
  padding: 2px 1em;
  background-color: #e9e9e9;
}

/* -.dsf-horizontal-btn-list
*************************************************/

.dsf-horizontal-btn-list {
  margin: 40px auto;
}

.dsf-horizontal-btn-list:first-child {
  margin-top: 0;
}

.dsf-horizontal-btn-list:last-child {
  margin-bottom: 0;
}

.dsf-horizontal-btn-list+.dsf-horizontal-btn-list {
  margin-top: 53px;
}

html:not(.ie9) .dsf-horizontal-btn-list .horizontal-btn-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list {
  display: table;
  width: 100%;
  margin: 0 -5px;
}

.dsf-horizontal-btn-list .horizontal-btn-list>li {
  transition: -webkit-flex-basis .5s ease;
  transition: flex-basis .5s ease;
  transition: flex-basis .5s ease, -webkit-flex-basis .5s ease, -ms-flex-preferred-size .5s ease;
}

.dsf-horizontal-btn-list .horizontal-btn-list[data-column="1"]>li {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="1"]>li {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.dsf-horizontal-btn-list .horizontal-btn-list[data-column="2"]>li {
  -webkit-flex-basis: 456px;
  -ms-flex-preferred-size: 456px;
  flex-basis: 456px;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="2"]>li {
  display: table-cell;
  width: 456px;
  padding: 0 5px;
  vertical-align: middle;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="2"]>li:last-child {
  text-align: right;
}

.dsf-horizontal-btn-list .horizontal-btn-list[data-column="3"]>li {
  -webkit-flex-basis: 301px;
  -ms-flex-preferred-size: 301px;
  flex-basis: 301px;
}

.elem-heading-grouping-container .dsf-horizontal-btn-list .horizontal-btn-list[data-column="3"]>li {
  -webkit-flex-basis: 284px;
  -ms-flex-preferred-size: 284px;
  flex-basis: 284px;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="3"]>li {
  display: table-cell;
  width: 301px;
  padding: 0 5px;
  vertical-align: middle;
}

.ie9 .elem-heading-grouping-container .ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="3"]>li {
  width: 284px;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="3"]>li:nth-child(2) {
  text-align: center;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="3"]>li:nth-child(3) {
  text-align: center;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="3"]>li:last-child {
  text-align: right;
}

.dsf-horizontal-btn-list .horizontal-btn-list[data-column="4"]>li {
  -webkit-flex-basis: 212px;
  -ms-flex-preferred-size: 212px;
  flex-basis: 212px;
}

.elem-heading-grouping-container .dsf-horizontal-btn-list .horizontal-btn-list[data-column="4"]>li {
  -webkit-flex-basis: 193px;
  -ms-flex-preferred-size: 193px;
  flex-basis: 193px;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="4"]>li {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="4"]>li:first-child {
  width: 212px;
}

.ie9 .elem-heading-grouping-container .dsf-horizontal-btn-list .horizontal-btn-list[data-column="4"]>li:first-child {
  width: 193px;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="4"]>li:nth-child(2) {
  width: 212px;
  text-align: center;
}

.ie9 .elem-heading-grouping-container .dsf-horizontal-btn-list .horizontal-btn-list[data-column="4"]>li:nth-child(2) {
  width: 193px;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="4"]>li:nth-child(3) {
  width: 212px;
  text-align: center;
}

.ie9 .elem-heading-grouping-container .dsf-horizontal-btn-list .horizontal-btn-list[data-column="4"]>li:nth-child(3) {
  width: 193px;
}

.dsf-horizontal-btn-list .horizontal-btn-list[data-column="4"]>li:last-child {
  -webkit-flex-basis: 260px;
  -ms-flex-preferred-size: 260px;
  flex-basis: 260px;
}

.ie9 .dsf-horizontal-btn-list .horizontal-btn-list[data-column="4"]>li:last-child {
  width: 260px;
  text-align: right;
}

/* -.dsf-list--detail
*************************************************/

.dsf-list--detail .list--detail {
  display: table;
  width: 100%;
}

.dsf-list--detail .list--detail>li {
  display: table-row;
}

.dsf-list--detail .list--detail>li p {
  display: table-cell;
  vertical-align: top;
}

.dsf-list--detail .list--detail>li p:first-child {
  width: 1%;
  white-space: nowrap;
}

.dsf-list--detail .list--detail>li p+p {
  padding-left: 1.429em;
}

/* -.dsf-list--date
*************************************************/

.dsf-list--date .list--date>li {
  padding: 19px 0 1em;
  border-bottom: solid 1px #bcbcbc;
}

.item--divide .dsf-list--date .list--date>li {
  padding: 17px 0;
}

.dsf-list--date .list--date>li:first-child {
  padding-top: 0;
}

.item--divide .dsf-list--date .list--date>li:first-child {
  padding-top: 10px;
}

.dsf-list--date .list--date>li>a {
  display: table;
  width: 100%;
  color: #444;
}

.dsf-list--date .list--date>li>a:focus,
.dsf-list--date .list--date>li>a:hover {
  text-decoration: none;
}

.dsf-list--date .list--date>li>a:focus .txt-container .upper p,
.dsf-list--date .list--date>li>a:hover .txt-container .upper p {
  text-decoration: underline;
}

.dsf-list--date .list--date>li .list--date-wrapper {
  display: table;
  width: 100%;
}

.dsf-list--date .list--date>li .list--date-wrapper .pic-container {
  display: table-cell;
  width: 74px;
  vertical-align: top;
}

.dsf-list--date .list--date>li .list--date-wrapper .pic-container img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.dsf-list--date .list--date>li .list--date-wrapper .txt-container {
  display: table-cell;
  vertical-align: top;
}

.dsf-list--date .list--date>li .list--date-wrapper .txt-container .upper {
  line-height: 1.15;
  display: table;
  width: 100%;
}

.item--divide .dsf-list--date .list--date>li .list--date-wrapper .txt-container .upper {
  display: block;
}

.dsf-list--date .list--date>li .list--date-wrapper .txt-container .upper .date {
  display: table-cell;
}

.item--divide .dsf-list--date .list--date>li .list--date-wrapper .txt-container .upper .date {
  display: block;
}

.dsf-list--date .list--date>li .list--date-wrapper .txt-container .upper .date time {
  font-size: 1.143em;
  white-space: nowrap;
}

.item--divide .dsf-list--date .list--date>li .list--date-wrapper .txt-container .upper .date time {
  font-size: 1.429em;
}

.dsf-list--date .list--date>li .list--date-wrapper .txt-container .upper .txt {
  display: table-cell;
  padding-left: 2em;
}

.item--divide .dsf-list--date .list--date>li .list--date-wrapper .txt-container .upper .txt {
  display: block;
  margin-top: 5px;
  padding-left: 0;
}

.dsf-list--date .list--date>li .list--date-wrapper .txt-container .upper .txt p {
  font-size: 1.286em;
  overflow: hidden;
  width: 745px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  color: #0d46a0;
}

.item--divide .dsf-list--date .list--date>li .list--date-wrapper .txt-container .upper .txt p {
  font-size: 1.429em;
  overflow: visible;
  width: auto;
  white-space: normal;
  text-overflow: inherit;
  -ms-text-overflow: inherit;
}

.dsf-list--date .list--date>li .list--date-wrapper .txt-container .middle {
  margin: 4px auto;
}

.dsf-list--date .list--date>li .list--date-wrapper .txt-container .middle p {
  font-size: 1.143em;
}

.dsf-list--date .list--date>li .list--date-wrapper .txt-container .lower {
  margin-top: -4px;
  margin-left: -4px;
}

.dsf-list--date .list--date>li .list--date-wrapper .txt-container .lower .icon {
  font-size: .857em;
  font-weight: 700;
  display: inline-block;
  margin-top: 4px;
  margin-left: 4px;
  padding: 1px 6px;
  vertical-align: top;
  white-space: nowrap;
  color: #009586;
  border: solid 1px #e0e0e0;
  border-radius: 3px;
}

/* -.elem-pic
*************************************************/

.elem-pic {
  margin: 0 auto 40px;
}

.elem-pic>div>div>div>div>a,
.elem-pic-block .pic-container>div .elem-pic>div>div>div>div>a {
  display: inline-block;
  vertical-align: middle;
}

[data-changer="true"].elem-pic .sp-thumbnail-container img {
  height: auto !important;
}

.elem-pic .holder img,
.elem-pic-block .pic-container>div .elem-pic .holder img {
  -ms-interpolation-mode: nearest-neighbor;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: crisp-edges;
}

.elem-pic .holder+.caption p {
  margin-top: .286em;
}

.elem-pic .holder--mq .smartphone,
.elem-pic-block .pic-container>div .elem-pic .holder--mq .smartphone {
  display: none;
}

.elem-pic [class^="holder--iframe-embed-responsive"],
.elem-pic-block .pic-container>div .elem-pic [class^="holder--iframe-embed-responsive"] {
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 100%;
  height: 0;
  padding: 0;
}

.elem-pic [class^="holder--iframe-embed-responsive"] iframe,
.elem-pic-block .pic-container>div .elem-pic [class^="holder--iframe-embed-responsive"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.elem-pic .holder--iframe-embed-responsive-16by9,
.elem-pic-block .pic-container>div .elem-pic .holder--iframe-embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.elem-pic .holder--iframe-embed-responsive-4by3,
.elem-pic-block .pic-container>div .elem-pic .holder--iframe-embed-responsive-4by3 {
  padding-bottom: 75%;
}

/* -.elem-pic-block
*************************************************/

.elem-pic-block {
  margin: 0 auto 40px;
}

.item--solution .elem-pic-block>div {
  padding: 15px 0;
}

.item--solution .elem-pic-block>div>div {
  overflow: hidden;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, .24);
}

.item--solution .elem-pic-block[data-direction="vertical"]>div>div {
  position: relative;
}

.elem-pic-block[data-direction="vertical"] .txt-container {
  margin-top: 1.071em;
}

.elem-pic-block[data-direction="horizontal"]>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.elem-pic-block[data-direction="horizontal"] .pic-container {
  max-width: 52%;
}

.ie9 .elem-pic-block[data-direction="horizontal"] .txt-container {
  max-width: 48%;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.elem-pic-block[data-direction="horizontal"][data-column-break="false"] .pic-container {
  max-width: 32.308%;
}

.ie9 .elem-pic-block[data-direction="horizontal"][data-column-break="false"] .txt-container {
  max-width: 67.692%;
}

.elem-pic-block[data-img-position="right"]>div>div>div>div {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.elem-pic-block[data-img-position="right"] .pic-container {
  padding-left: 3.061%;
}

.elem-pic-block[data-img-position="left"] .pic-container {
  padding-right: 3.061%;
}

.elem-pic-block .pic-container {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.elem-pic-block .txt-container {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex: 0 1 auto;
}

.ie9 .item--event .elem-pic-block .txt-container {
  max-width: 66%;
}

.elem-pic-block .ribbon-container {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}

.elem-pic-block .ribbon-container>div {
  padding: .357em 0;
  -webkit-transform: rotate(-45deg) translate(-31.5%, -185%);
  -ms-transform: rotate(-45deg) translate(-31.5%, -185%);
  transform: rotate(-45deg) translate(-31.5%, -185%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background-color: #2196f3;
}

.elem-pic-block .ribbon-container>div p {
  font-size: .786em;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

.elem-pic-block .txt-container>div .txt-head [class^="elem"]:last-child {
  margin-bottom: .714em;
}

.elem-pic-block .txt-container>div .txt-body [class^="elem"]:last-child {
  margin-bottom: 1.429em;
}

.elem-pic-block .txt-container>div .txt-foot [class^="elem"]:last-child {
  margin-bottom: .714em;
}

/* -.elem-btn
*************************************************/

.elem-btn {
  margin: 30px auto;
}

.elem-btn>div {
  max-width: 480px;
  margin: 0 auto;
}

.elem-btn>div>div {
  transition: all .15s ease;
  border-radius: 8px;
}

.elem-btn[data-size="large"] a span {
  font-size: 1.286em;
}

.elem-btn[data-size="small"]>div {
  max-width: 200px;
}

.elem-btn[data-size="small"] a {
  line-height: 40px;
  height: 40px;
  padding: 0;
  border-radius: 8px;
}

.elem-btn[data-size="small"] a span {
  font-weight: normal;
}

.elem-btn[data-size="low"] a,
.elem-btn[data-size="low"] button {
  padding: 0;
  border-radius: 8px;
}

.elem-btn[data-size="low"] a span,
.elem-btn[data-size="low"] button span {
  font-weight: normal;
}

.elem-btn[data-size="low"] a {
  padding: 6px 0;
  text-decoration: none;
}

.elem-btn[data-size="low"] button {
  height: 35px;
}

.elem-btn[data-size="verylow"]>div>div>div>div a,
.elem-btn[data-size="verylow"]>div>div>div>div button {
  padding: 0;
  border-radius: 8px;
}

.elem-btn[data-size="verylow"]>div>div>div>div a span,
.elem-btn[data-size="verylow"]>div>div>div>div button span {
  font-weight: normal;
}

.elem-btn[data-size="verylow"]>div>div>div>div a {
  padding: 6px;
  text-decoration: none;
}

.elem-btn[data-size="verylow"]>div>div>div>div button {
  height: 35px;
}

.elem-btn[data-btn-color="1"]>div>div {
  background-color: #0d47a1;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .42);
}

.elem-btn[data-btn-color="1"]>div>div:hover {
  background-color: #1260da;
}

.elem-btn[data-btn-color="1"] a i.icon-pdf::after,
.elem-btn[data-btn-color="1"] button i.icon-pdf::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/01/icon-pdf.svg);
}

.elem-btn[data-btn-color="1"] a i.icon-newwin::after,
.elem-btn[data-btn-color="1"] button i.icon-newwin::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/01/icon-newwin.svg);
}

.elem-btn[data-btn-color="1"] a i.icon-file::after,
.elem-btn[data-btn-color="1"] button i.icon-file::after {
  background-image: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/01/icon-file.svg);
}

.elem-btn[data-btn-color="2"][data-border="true"]>div>div {
  border: solid 1px #e0e0e0;
}

.elem-btn[data-btn-color="2"][data-size="small"]>div>div {
  background-color: transparent;
}

.elem-btn[data-btn-color="2"][data-size="small"] a {
  border: 1px solid #dfdfdf;
}

.elem-btn[data-btn-color="2"][data-size="small"] a:hover {
  background: rgba(0, 0, 0, .72);
}

.elem-btn[data-btn-color="2"][data-size="small"] a:hover span {
  color: #fff;
}

.elem-btn[data-btn-color="2"]>div>div {
  border: solid 1px #dfdfdf;
  background-color: #fff;
}

.elem-btn[data-btn-color="2"]>div>div:hover {
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, .72);
}

.elem-btn[data-btn-color="2"]>div>div:hover span {
  color: #fff;
}

.elem-btn[data-btn-color="2"]>div>div:hover i.icon-pdf::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/01/icon-pdf.svg);
}

.elem-btn[data-btn-color="2"]>div>div:hover i.icon-newwin::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/01/icon-newwin.svg);
}

.elem-btn[data-btn-color="2"]>div>div:hover i.icon-arrow-downward::before {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/01/icon-arrow-downward.svg);
}

.elem-btn[data-btn-color="2"]>div>div:hover i.icon-file::after {
  background-image: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/01/icon-file.svg);
}

.elem-btn[data-btn-color="2"] a i.icon-pdf::after,
.elem-btn[data-btn-color="2"] button i.icon-pdf::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/02/icon-pdf.svg);
}

.elem-btn[data-btn-color="2"] a i.icon-newwin::after,
.elem-btn[data-btn-color="2"] button i.icon-newwin::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/02/icon-newwin.svg);
}

.elem-btn[data-btn-color="2"] a i.icon-arrow-downward::before,
.elem-btn[data-btn-color="2"] button i.icon-arrow-downward::before {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/02/icon-arrow-downward.svg);
}

.elem-btn[data-btn-color="2"] a i.icon-file::after,
.elem-btn[data-btn-color="2"] button i.icon-file::after {
  background-image: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/02/icon-file.svg);
}

.elem-btn[data-btn-color="2"] span {
  color: #444;
}

.btn-link-container .elem-btn[data-btn-color="2"] a {
  border: 1px solid #dfdfdf;
  box-shadow: none;
}

.btn-link-container .elem-btn[data-btn-color="2"] a span {
  font-weight: normal;
  color: #0d46a0;
}

.btn-link-container .elem-btn[data-btn-color="2"] a:hover span {
  text-decoration: underline;
}

.elem-btn[data-btn-color="3"]>div>div {
  background-color: #424242;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .42);
}

.elem-btn[data-btn-color="3"]>div>div:hover {
  background-color: #666;
}

.elem-btn[data-btn-color="3"] a i.icon-pdf::after,
.elem-btn[data-btn-color="3"] button i.icon-pdf::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/03/icon-pdf.svg);
}

.elem-btn[data-btn-color="3"] a i.icon-newwin::after,
.elem-btn[data-btn-color="3"] button i.icon-newwin::after {
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-btn/icons/03/icon-newwin.svg);
}

.elem-btn[data-btn-color="4"]>div>div {
  background: linear-gradient(to bottom, #f7ce1a, #ef790f);
  background-color: #f6b418;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .32);
}

.ie .elem-btn[data-btn-color="4"]>div>div {
  background: -ms-linear-gradient(top, #f7ce1a, #ef790f);
}

.firefox .elem-btn[data-btn-color="4"]>div>div {
  background: -moz-linear-gradient(top, #f7ce1a, #ef790f);
}

.elem-btn[data-btn-color="4"]>div>div:hover {
  opacity: .72;
}

.elem-btn[data-btn-color="4"] a,
.elem-btn[data-btn-color="4"] button {
  color: #444;
}

.elem-btn[data-btn-color="5"]>div>div {
  background-color: #b71c1c;
}

.elem-btn[data-btn-color="5"]>div>div:hover {
  background-color: #d50000;
}

.elem-btn[data-align="left"]>div {
  margin: 0 0 30px;
}

.elem-btn a {
  padding: 1em 1em;
  text-align: center;
}

.elem-btn a:hover {
  text-decoration: none;
}

.elem-btn button {
  width: 100%;
  height: 56px;
  padding-right: 1em;
  padding-left: 1em;
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.elem-btn a,
.elem-btn button {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  color: #fff;
  border-radius: 8px;
  -webkit-tap-highlight-color: transparent;
}

.webkit .elem-btn a,
.webkit .elem-btn button {
  z-index: 1;
}

.elem-btn a span,
.elem-btn button span {
  font-weight: 700;
  vertical-align: middle;
}

.dsf-horizontal-btn-list .elem-btn a span,
.dsf-horizontal-btn-list .elem-btn button span {
  font-size: 1.286em;
}

.elem-heading-grouping-container[data-group-color="2"] .elem-btn a span,
.elem-heading-grouping-container[data-group-color="2"] .elem-btn button span {
  font-size: 1.286em;
}

.elem-btn a span.ripple-ring,
.elem-btn button span.ripple-ring {
  position: absolute;
  width: 288px;
  height: 288px;
  content: "";
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
  opacity: 0;
  border-radius: 100%;
  background: transparent;
  speak: none;
}

.elem-btn a span.ripple-ring[data-ripple-color="1"],
.elem-btn button span.ripple-ring[data-ripple-color="1"] {
  background: #4a8a22;
}

.elem-btn a span.ripple-ring[data-ripple-color="2"],
.elem-btn button span.ripple-ring[data-ripple-color="2"] {
  background: #80ad00;
}

.elem-btn a span.ripple-ring[data-ripple-color="3"],
.elem-btn button span.ripple-ring[data-ripple-color="3"] {
  background: #c66109;
}

.elem-btn a span.ripple-ring[data-ripple-color="4"],
.elem-btn button span.ripple-ring[data-ripple-color="4"] {
  background: #852608;
}

.elem-btn a span.ripple-ring[data-ripple-color="5"],
.elem-btn button span.ripple-ring[data-ripple-color="5"] {
  background: #821414;
}

.elem-btn a span.ripple-ring.active,
.elem-btn button span.ripple-ring.active {
  -webkit-animation: btn-ripple-ring .35s ease-out;
  animation: btn-ripple-ring .35s ease-out;
}

.elem-btn a i::before,
.elem-btn a i::after,
.elem-btn button i::before,
.elem-btn button i::after {
  display: inline-block;
  vertical-align: middle;
}

.elem-btn a i.icon-pdf::after,
.elem-btn button i.icon-pdf::after {
  height: 16px;
}

.elem-btn a i.icon-newwin::after,
.elem-btn button i.icon-newwin::after {
  height: 15px;
}

.elem-btn a i.icon-arrow-downward::before,
.elem-btn button i.icon-arrow-downward::before {
  height: 24px;
}

.elem-btn a i.icon-file::after,
.elem-btn button i.icon-file::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: .214em;
  content: "";
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.elem-btn--full-length>div {
  max-width: 100%;
}

/* -.elem-btn--table
*************************************************/

.elem-btn--table>div {
  max-width: 49px;
  max-width: 3.5rem;
  margin: 0 auto;
}

.elem-btn--table>div>div {
  transition: all .15s ease;
  border-radius: 4px;
}

.elem-btn--table[data-btn-color="1"]>div>div {
  background-color: #0d47a1;
}

.elem-btn--table[data-btn-color="1"]>div>div:hover {
  background-color: #1260da;
}

.elem-btn--table[data-btn-color="2"]>div>div {
  border: solid 1px #dfdfdf;
  background-color: #fff;
}

.elem-btn--table[data-btn-color="2"]>div>div:hover {
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, .72);
}

.elem-btn--table[data-btn-color="2"]>div>div:hover span {
  color: #fff;
}

.elem-btn--table[data-btn-color="2"] span {
  color: #444;
}

.elem-btn--table[data-btn-color="3"]>div>div {
  background-color: #424242;
}

.elem-btn--table[data-btn-color="3"]>div>div:hover {
  background-color: #666;
}

.elem-btn--table[data-btn-color="4"]>div>div {
  background-color: #f6b418;
}

.elem-btn--table[data-btn-color="4"]>div>div:hover {
  opacity: .72;
}

.elem-btn--table[data-btn-color="5"]>div>div {
  background-color: #b71c1c;
}

.elem-btn--table[data-btn-color="5"]>div>div:hover {
  background-color: #d50000;
}

.elem-btn--table a {
  line-height: 1.2;
  padding: 7px;
  padding: .5rem;
  text-align: center;
}

.elem-btn--table a:hover {
  text-decoration: none;
}

.elem-btn--table a,
.elem-btn--table button {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  color: #fff;
  border-radius: 4px;
  -webkit-tap-highlight-color: transparent;
}

.webkit .elem-btn--table a,
.webkit .elem-btn--table button {
  z-index: 1;
}

.elem-btn--table a span,
.elem-btn--table button span {
  font-size: 12.6px;
  font-size: .9rem;
  font-weight: 700;
  vertical-align: middle;
}

.elem-btn--table a span.ripple-ring,
.elem-btn--table button span.ripple-ring {
  position: absolute;
  width: 288px;
  height: 288px;
  content: "";
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
  opacity: 0;
  border-radius: 100%;
  background: transparent;
  speak: none;
}

.elem-btn--table a span.ripple-ring[data-ripple-color="1"],
.elem-btn--table button span.ripple-ring[data-ripple-color="1"] {
  background: #4a8a22;
}

.elem-btn--table a span.ripple-ring[data-ripple-color="2"],
.elem-btn--table button span.ripple-ring[data-ripple-color="2"] {
  background: #80ad00;
}

.elem-btn--table a span.ripple-ring[data-ripple-color="3"],
.elem-btn--table button span.ripple-ring[data-ripple-color="3"] {
  background: #c66109;
}

.elem-btn--table a span.ripple-ring[data-ripple-color="4"],
.elem-btn--table button span.ripple-ring[data-ripple-color="4"] {
  background: #852608;
}

.elem-btn--table a span.ripple-ring[data-ripple-color="5"],
.elem-btn--table button span.ripple-ring[data-ripple-color="5"] {
  background: #821414;
}

.elem-btn--table a span.ripple-ring.active,
.elem-btn--table button span.ripple-ring.active {
  -webkit-animation: btn-ripple-ring .35s ease-out;
  animation: btn-ripple-ring .35s ease-out;
}

.elem-btn--table a i::before,
.elem-btn--table a i::after,
.elem-btn--table button i::before,
.elem-btn--table button i::after {
  display: inline-block;
  vertical-align: middle;
}

/* -.elem-separator
*************************************************/

.elem-separator {
  margin: 40px auto;
}

.elem-separator[data-border-type="solid"] hr {
  border-top-style: solid;
}

.elem-separator[data-border-type="dashed"] hr {
  border-top-style: dashed;
}

.elem-separator[data-border-type="dotted"] hr {
  border-top-style: dotted;
}

.elem-separator hr {
  margin: 0;
  border: none;
  border-top: 1px #ccc;
}

/* -.elem-topics
*************************************************/

.elem-topics {
  margin: 0 auto 40px;
}

.elem-topics>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.elem-topics .container-left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  width: 15%;
  background-color: #ff3d00;
  -js-display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.elem-topics .container-left p {
  font-size: 1.429em;
  color: #fff;
}

.elem-topics .container-right {
  width: 81.944%;
}

.elem-topics .container-right [class^="elem"] {
  line-height: 1.4;
  margin: 0 auto;
}

.elem-topics .container-right [class^="elem"]+[class^="elem"] {
  margin-top: 5px;
}

/* -.elem-hot-keywords
*************************************************/

.elem-hot-keywords {
  padding: 20px 0;
}

.elem-hot-keywords>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.elem-hot-keywords>div>div>div>div {
  line-height: 1.35;
  display: table;
  width: 100%;
}

.elem-hot-keywords [class^="container"] {
  display: table-cell;
  padding: 5px 1em 2px;
  vertical-align: middle;
}

.elem-hot-keywords .container-left {
  width: 1%;
  border: solid 1px #414244;
  background-color: #414244;
}

.elem-hot-keywords .container-left p {
  white-space: nowrap;
  color: #fff;
}

.elem-hot-keywords .container-right {
  width: 99%;
  border: solid 1px #e0e1e2;
  background-color: #fff;
}

.elem-hot-keywords .container-right a {
  color: #444;
}

/* -.elem-important-notice
*************************************************/

.elem-important-notice {
  padding: 20px 0;
}

.elem-important-notice>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.elem-important-notice>div>div>div>div {
  line-height: 1.35;
  display: table;
  width: 100%;
}

.elem-important-notice [class$="container"] {
  display: table-cell;
  padding: .857em 1em;
  vertical-align: middle;
}

.elem-important-notice .heading-container {
  width: 1%;
  border: solid 1px #e99;
  background-color: #b61b1b;
}

.elem-important-notice .heading-container p {
  font-size: 1.214em;
  white-space: nowrap;
  color: #fff;
}

.elem-important-notice .txt-container {
  width: 99%;
  color: #b61b1b;
  border: solid 1px #e99;
  border-left: none;
  background-color: #ffeaed;
}

.elem-important-notice .txt-container p {
  font-size: .929em;
}

.elem-important-notice .txt-container a {
  color: #b61b1b;
}

.elem-important-notice .txt-container img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* -.elem-side-column-site-search
*************************************************/

.elem-side-column-site-search form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  padding: 24px 10px 15px;
  border: solid 1px #9f9f9f;
  background: #fff;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.elem-side-column-site-search form .connote-input-search {
  width: 156px;
  padding: 0 6px;
  border: solid 1px #e0e0e0;
}

.elem-side-column-site-search form .connote-input-search input {
  width: 100%;
  height: 28px;
  outline: none;
}

.elem-side-column-site-search form .connote-btn {
  width: 48px;
}

.elem-side-column-site-search form .connote-btn button {
  width: 100%;
  height: 30px;
  color: #fff;
  border-radius: 4px;
  background-color: #0d4a9b;
}

.elem-side-column-site-search input,
.elem-side-column-site-search button {
  padding: 0;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* -.elem-vendor-entrance
*************************************************/

.elem-vendor-entrance>div {
  color: #fff;
  border-radius: 8px;
  background: #414141;
}

.elem-vendor-entrance>div>div {
  padding: 10px 20px 20px;
}

.elem-vendor-entrance a {
  color: #fff;
}

.elem-vendor-entrance [class^="connote"]+[class^="connote"] {
  margin-top: 10px;
}

.elem-vendor-entrance [class^="connote"] input::-webkit-input-placeholder {
  color: #fff;
}

.elem-vendor-entrance [class^="connote"] input::-moz-placeholder {
  color: #fff;
}

.elem-vendor-entrance [class^="connote"] input:-ms-input-placeholder {
  color: #fff;
}

.elem-vendor-entrance [class^="connote"].this-focus input {
  color: #444;
}

.elem-vendor-entrance [class^="connote"].this-focus input::-webkit-input-placeholder {
  color: #999;
}

.elem-vendor-entrance [class^="connote"].this-focus input::-moz-placeholder {
  color: #999;
}

.elem-vendor-entrance [class^="connote"].this-focus input:-ms-input-placeholder {
  color: #999;
}

.elem-vendor-entrance .connote-input-txt {
  padding: 0 1em;
  transition: background-color .5s ease;
  border-radius: 14px;
  background-color: #fff;
}

html:not(.ie9) .elem-vendor-entrance .connote-input-txt {
  background-color: #9d9d9d;
}

html:not(.ie9) .elem-vendor-entrance .connote-input-txt.this-focus {
  background-color: #fff;
}

.elem-vendor-entrance .connote-input-txt input {
  width: 100%;
  height: 28px;
  outline: none;
}

.ie9 .elem-vendor-entrance .connote-input-txt input {
  color: #444;
}

.elem-vendor-entrance .connote-input-password {
  padding: 0 1em;
  transition: background-color .5s ease;
  border-radius: 14px;
  background-color: #fff;
}

html:not(.ie9) .elem-vendor-entrance .connote-input-password {
  background-color: #9d9d9d;
}

html:not(.ie9) .elem-vendor-entrance .connote-input-password.this-focus {
  background-color: #fff;
}

.elem-vendor-entrance .connote-input-password input {
  width: 100%;
  height: 28px;
  outline: none;
}

.ie9 .elem-vendor-entrance .connote-input-password input {
  color: #444;
}

.elem-vendor-entrance .connote-btn {
  width: 100%;
}

.elem-vendor-entrance .connote-btn button {
  font-weight: 700;
  width: 100%;
  height: 30px;
  transition: background-color .5s ease, color .5s ease;
  color: #444;
  border-radius: 8px;
  background-color: #fff;
}

.elem-vendor-entrance .connote-btn button:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, .72);
}

.elem-vendor-entrance input,
.elem-vendor-entrance button {
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.elem-vendor-entrance .vendor-entrance-footer {
  margin-top: 1em;
}

.elem-vendor-entrance .vendor-entrance-footer .right-container a {
  display: block;
  margin-top: 1em;
  text-align: center;
  text-decoration: none;
  text-indent: -3px;
  border: solid 1px #fff;
}

.elem-vendor-entrance .vendor-entrance-footer .right-container a:hover {
  background-color: #999;
}

.elem-vendor-entrance .vendor-entrance-footer .right-container a::before {
  display: inline-block;
  content: "\e904";
  vertical-align: middle;
}

.elem-vendor-entrance .vendor-entrance-footer .right-container a span {
  font-size: .786em;
}

/* -.elem-date-icon-set
*************************************************/

.elem-date-icon-set time {
  padding-right: .357em;
  vertical-align: middle;
}

.elem-date-icon-set span {
  display: inline-block;
  padding: 0 .357em;
  vertical-align: middle;
  border: solid 1px #dfdfdf;
  background: #fff;
}

/* -.elem-form-annotation
*************************************************/

.elem-form-annotation {
  margin: 25px auto;
}

.layout-wrapper>div>div>div>div>.elem-form-annotation {
  width: 100%;
}

.ie9 .layout-wrapper>div>div>div>div>.elem-form-annotation {
  float: none;
  clear: both;
}

.elem-form-annotation>div {
  padding: 1em;
  text-align: center;
  border: solid 1px #d40000;
  border-radius: 8px;
  background-color: #ffeaed;
}

.elem-form-annotation p {
  font-size: 1.429em;
  color: #d40000;
}

.elem-form-annotation p i::before {
  display: inline-block;
  height: 34px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-form-annotation/icon-cross.svg);
  vertical-align: middle;
}

.elem-form-annotation p span {
  vertical-align: middle;
}

/* -.elem-form-warning
*************************************************/

.elem-form-warning {
  margin: 25px auto;
}

.layout-wrapper>div>div>div>div>.elem-form-warning {
  width: 100%;
}

.ie9 .layout-wrapper>div>div>div>div>.elem-form-warning {
  float: none;
  clear: both;
}

.elem-form-warning>div {
  padding: 1em;
  text-align: center;
  border: solid 1px #d87544;
  border-radius: 8px;
  background-color: #fff4e3;
}

.elem-form-warning p {
  font-size: 1.429em;
  color: #d87544;
}

.elem-form-warning p i::before {
  display: inline-block;
  height: 34px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-form-warning/icon-warning.svg);
  vertical-align: middle;
}

.elem-form-warning p span {
  vertical-align: middle;
}

/* -.elem-form-information
*************************************************/

.elem-form-information {
  margin: 25px auto;
}

.layout-wrapper>div>div>div>div>.elem-form-information {
  width: 100%;
}

.ie9 .layout-wrapper>div>div>div>div>.elem-form-information {
  float: none;
  clear: both;
}

.elem-form-information>div {
  padding: 1em;
  text-align: center;
  border: solid 1px #054dd4;
  border-radius: 8px;
  background-color: #eff1ff;
}

.elem-form-information p {
  font-size: 1.429em;
  color: #054dd4;
}

.elem-form-information p i::before {
  display: inline-block;
  height: 31px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-form-information/icon-tick.svg);
  vertical-align: middle;
}

.elem-form-information p span {
  vertical-align: middle;
}

/* -.elem-input-and-btn
*************************************************/

.elem-input-and-btn .connote-input {
  display: table-cell;
  width: 99%;
  padding: 0 1em;
  border: solid 1px #e0e0e0;
  border-right: none;
  border-radius: 6px 0 0 6px;
}

.elem-input-and-btn .connote-input input[type="text"],
.elem-input-and-btn .connote-input input[type="search"],
.elem-input-and-btn .connote-input input[type="tel"],
.elem-input-and-btn .connote-input input[type="email"],
.elem-input-and-btn .connote-input input[type="password"],
.elem-input-and-btn .connote-input input[type="number"] {
  width: 100%;
}

.elem-input-and-btn .connote-btn {
  display: table-cell;
  width: 1%;
}

.elem-input-and-btn .connote-btn button {
  height: 40px;
  padding: 0 1.429em;
  transition: opacity .5s ease;
  color: #fff;
  border-radius: 0 6px 6px 0;
  background-color: #414141;
}

.elem-input-and-btn .connote-btn button:hover {
  opacity: .72;
}

.elem-input-and-btn .connote-btn button span {
  white-space: nowrap;
}

.elem-input-and-btn input,
.elem-input-and-btn button {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* -.elem-form-table
*************************************************/

.elem-form-table {
  margin: 0 auto 20px;
}

.elem-form-table .form-table-parent {
  width: 100%;
  border: solid 1px #dfdfdf;
}

.elem-form-table .form-table-parent>tbody>tr>th {
  width: 23.913%;
  padding: .786em 1em;
  text-align: left;
  vertical-align: middle;
  border: solid 1px #dfdfdf;
  background-color: #0c46a0;
}

.elem-form-table .form-table-parent>tbody>tr>th>p {
  font-size: 1.143em;
  color: #fff;
}

.elem-form-table .form-table-parent>tbody>tr>th>p+p {
  margin-top: 1em;
}

.elem-form-table .form-table-parent>tbody>tr>td {
  vertical-align: middle;
  border: solid 1px #dfdfdf;
  background: #f5f5f5;
}

.elem-form-table .form-table-parent>tbody>tr>td.require,
.elem-form-table .form-table-parent>tbody>tr>td.error {
  background-color: #ffeaed;
}

.elem-form-table .form-table-child {
  width: 100%;
  min-height: 50px;
}

.elem-form-table .form-table-child>tbody>tr>td {
  vertical-align: middle;
}

.elem-form-table .form-table-child>tbody>tr>td.no-pad {
  padding: 0;
}

.firefox .elem-form-table .form-table-child>tbody>tr>td p {
  display: inline-block;
  vertical-align: middle;
}

.elem-form-table .form-table-child>tbody>tr>td:first-child {
  text-align: center;
}

.firefox .elem-form-table .form-table-child>tbody>tr>td:first-child::before {
  position: absolute;
  display: inline-block;
  min-height: 50px;
  content: "";
  vertical-align: middle;
}

.elem-form-table .form-table-child>tbody>tr>td:first-child:last-child {
  padding: 10px 1em;
  text-align: left;
}

.elem-form-table .form-table-child>tbody>tr>td+td {
  width: 84.286%;
  padding: 10px 1em;
  text-align: left;
  border-left: solid 1px #dfdfdf;
}

.elem-form-table .form-table-child>tbody>tr>td .require {
  color: #d40000;
}

.elem-form-table .form-table-child>tbody>tr>td .require-msg {
  color: #d40000;
}

.elem-form-table .form-table-child>tbody>tr>td .error-msg {
  color: #d40000;
}

.elem-form-table .form-table-child>tbody>tr>td .editable {
  color: #0090e9;
}

.elem-form-table .form-table-deepest-nest {
  margin-top: .714em;
}

.elem-form-table .form-table-deepest-nest:first-child {
  margin-top: 0;
}

.elem-form-table .form-table-deepest-nest[style*="width"]>tbody>tr>td {
  text-align: left;
}

.elem-form-table .form-table-deepest-nest[style*="width"]>tbody>tr>td>span {
  padding: 0;
}

.elem-form-table .form-table-deepest-nest>tbody>tr>td {
  text-align: center;
}

.elem-form-table .form-table-deepest-nest>tbody>tr>td>span {
  padding: 0 .5em;
}

.elem-form-table .form-table-deepest-nest+p {
  margin-top: .5em;
}

.elem-form-table .form-table-deepest-nest+.elem-form-check-label-list {
  margin-top: .5em;
}

.elem-form-table .form-table-advance {
  width: 100%;
  min-height: 100px;
  table-layout: fixed;
}

.elem-form-table .form-table-advance>tbody>tr:first-child>td {
  border-top: none;
}

.elem-form-table .form-table-advance>tbody>tr>td {
  padding: 5px 1em;
  border-top: dashed 1px #dfdfdf;
  border-left: solid 1px #dfdfdf;
}

.elem-form-table .form-table-advance>tbody>tr>td:first-child {
  border-left: none;
}

/* -.elem-form-table-inside-btn
*************************************************/

.elem-form-table-inside-btn a {
  font-size: 1.143em;
  display: inline-block;
  overflow: hidden;
  min-width: 220px;
  max-width: 450px;
  margin: 0 auto;
  padding: .357em 1em;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  border-radius: 8px;
  outline: none;
  background: #414141;
}

.elem-form-table-inside-btn a:hover {
  opacity: .72;
}

.elem-form-table-inside-btn a span {
  vertical-align: middle;
  color: #fff;
}

.elem-form-table-inside-btn a i::before {
  display: inline-block;
  vertical-align: middle;
}

.elem-form-table-inside-btn a .icon-setting::before {
  height: 23px;
  margin-right: .5em;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-form-table-inside-btn/icon-setting.svg);
}

.elem-form-table-inside-btn+p {
  margin-top: .5em;
}

.elem-form-table-inside-btn+.form-input-module {
  margin-top: .5em;
}

.form-table-deepest-nest .elem-form-table-inside-btn button {
  display: block;
  padding: 5px 1em;
  transition: background-color .5s ease;
  border: solid 1px #dfdfdf;
  border-radius: 8px;
  outline: none;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-table-deepest-nest .elem-form-table-inside-btn button:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, .72);
}

/* -.elem-form-btn-group
*************************************************/

.elem-form-btn-group {
  margin: 40px auto;
}

.elem-form-btn-group .form-btn-group>li+li {
  margin-top: 30px;
}

.elem-form-btn-group .form-btn-group>li.inactive button {
  opacity: .72;
}

.elem-form-btn-group .form-btn-group>li.jump a {
  font-size: 1.429em;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  padding: .857em 1em;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  border-radius: 8px;
  outline: none;
  background: #414141;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .5);
}

.elem-form-btn-group .form-btn-group>li.jump a:hover {
  opacity: .72;
}

.elem-form-btn-group .form-btn-group>li.jump a span {
  vertical-align: middle;
  color: #fff;
}

.elem-form-btn-group .form-btn-group>li.jump a i::before {
  display: inline-block;
  vertical-align: middle;
}

.elem-form-btn-group .form-btn-group>li.jump a .icon-arrow-forward::before {
  height: 29px;
  margin-left: .5em;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-form-btn-group/icon-arrow-forward.svg);
}

.elem-form-btn-group .form-btn-group>li.jump[data-color="0"] a {
  font-size: 1.143em;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
  padding: 2px 6px 3px;
  transition: background-color .5s ease, color .5s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  border: solid 1px #dfdfdf;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

.elem-form-btn-group .form-btn-group>li.jump[data-color="0"] a:hover {
  background: rgba(0, 0, 0, .72);
}

.elem-form-btn-group .form-btn-group>li.jump[data-color="0"] a:hover span {
  color: #fff;
}

.elem-form-btn-group .form-btn-group>li.jump[data-color="0"] a span {
  transition: color .5s ease;
  color: #444;
}

/* -.elem-form-vertical-group
*************************************************/

.elem-form-vertical-group {
  margin: 20px auto;
}

.elem-form-vertical-group:first-child {
  margin-top: 0;
}

.elem-form-vertical-group:last-child {
  margin-bottom: 0;
}

.elem-form-vertical-group .form-vertical-group {
  margin: 20px auto;
}

.elem-form-vertical-group .form-vertical-group:first-child {
  margin-top: 0;
}

.elem-form-vertical-group .form-vertical-group:last-child {
  margin-bottom: 0;
}

/* -.elem-rate-checkbox
*************************************************/

.elem-rate-checkbox>div>div>div>div {
  display: table;
}

.elem-rate-checkbox .item--checkbox {
  display: table-cell;
  width: 69.048%;
  vertical-align: middle;
}

.elem-rate-checkbox .item--checkbox label {
  display: inline-block;
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.elem-rate-checkbox .item--checkbox label input[type="checkbox"] {
  margin-right: .5em;
}

.mac .elem-rate-checkbox .item--checkbox label input[type="checkbox"] {
  vertical-align: 1px;
}

.windows .elem-rate-checkbox .item--checkbox label input[type="checkbox"] {
  vertical-align: -1px;
}

.elem-rate-checkbox .item--rate {
  display: table-cell;
  width: 29.762%;
  text-align: right;
  vertical-align: middle;
}

.elem-rate-checkbox .item--rate.active span {
  color: #414141;
}

.elem-rate-checkbox .item--rate.active span.selected,
.elem-rate-checkbox .item--rate.active span.active {
  color: #ff9700;
}

.elem-rate-checkbox .item--rate span {
  cursor: pointer;
  transition: color .5s ease;
  color: #bcbcbc;
}

.elem-rate-checkbox:hover .item--rate span.active {
  color: #414141;
}

/* -.elem-terms
*************************************************/

.elem-terms>div {
  border: solid 1px #dfdfdf;
}

.elem-terms>div>div {
  overflow: auto;
  height: 400px;
  -webkit-overflow-scrolling: touch;
}

.elem-terms>div>div>div {
  padding: 30px;
}

.elem-terms blockquote {
  margin: 0 auto;
}

/* -.elem-graph-bar-component
*************************************************/

.elem-graph-bar-component {
  margin: 40px auto;
}

.elem-graph-bar-component p+.graph-bar-component {
  margin-top: 5px;
}

.elem-graph-bar-component time {
  display: inline-block;
}

.elem-graph-bar-component .graph-bar-component {
  width: 100%;
  table-layout: fixed;
  border-top: solid 1px #dfdfdf;
  border-right: solid 1px #dfdfdf;
}

.elem-graph-bar-component .graph-bar-component tbody tr th,
.elem-graph-bar-component .graph-bar-component tbody tr td {
  text-align: center;
  border-bottom: solid 1px #dfdfdf;
  border-left: solid 1px #dfdfdf;
}

.elem-graph-bar-component .graph-bar-component tbody tr th {
  padding: 5px 1em;
  background-color: #ccc;
}

.elem-graph-bar-component .graph-bar-component tbody tr td {
  padding: 10px 1em;
  background-color: #fff;
}

.elem-graph-bar-component .graph-bar-component .graph-container {
  padding: 0 1em;
}

.elem-graph-bar-component .graph-bar-component .graph-container div[data-graph-color] .graph-value {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  content: "";
}

.elem-graph-bar-component .graph-bar-component .graph-container div[data-graph-color="0"] .graph-value {
  background-color: #dd6ca5;
}

.elem-graph-bar-component .graph-bar-component .graph-container div[data-graph-color="1"] .graph-value {
  background-color: #a3c453;
}

.elem-graph-bar-component .graph-bar-component .graph-container div[data-graph-ratio] {
  position: relative;
  padding: 10px;
  background-color: #f0f0f0;
}

.elem-graph-bar-component .graph-bar-component .graph-container div[data-graph-ratio]::before {
  position: relative;
  z-index: 2;
}

.elem-graph-bar-component .graph-bar-component .graph-container div[data-graph-ratio]:not([data-graph-ratio="100"]) i {
  display: none;
}

.elem-graph-bar-component .graph-bar-component .graph-container div[data-graph-ratio] i::before {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
}

.elem-graph-bar-component .graph-bar-component .graph-container div[data-graph-ratio] i.icon-crown::before {
  height: 20px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-graph-bar-component/icon-crown.svg);
}

.elem-graph-bar-component .graph-bar-component .graph-container div[data-graph-ratio] span {
  position: relative;
  z-index: 2;
  vertical-align: middle;
}

.elem-graph-bar-component .graph-bar-component .scale-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  padding-top: 5px;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.elem-graph-bar-component .graph-bar-component .scale-container span {
  display: block;
  width: 3em;
}

/* -.elem-record-count
*************************************************/

.elem-record-count {
  margin: 20px auto;
}

.elem-record-count p {
  font-size: 1.286em;
}

.elem-record-count p span {
  font-size: 2em;
  position: relative;
  top: 1px;
  padding-right: .389em;
  color: #f74239;
}

/* -.elem-record-count-status
*************************************************/

.elem-record-count-status {
  margin: 20px auto;
}

.elem-record-count-status p {
  font-size: 1.286em;
}

.elem-record-count-status p mark span {
  font-size: 2.111em;
  position: relative;
  top: 1px;
  padding: 0 .167em;
  color: #f74239;
}

/* -.elem-conspicuous-searcher
*************************************************/

/* -.elem-side-column-nav
*************************************************/

.elem-side-column-nav {
  margin: 30px auto;
}

.elem-side-column-nav .side-column-nav-head {
  padding: 13px 1em 12px;
  border-radius: 8px 8px 0 0;
  background-color: #e0e0e0;
}

.elem-side-column-nav .side-column-nav-body {
  padding: 0 1em;
  border: solid 1px #e0e0e0;
  border-radius: 0 0 8px 8px;
}

.elem-side-column-nav h2 {
  padding-left: .857em;
  border-left: solid 4px #919191;
}

.elem-side-column-nav h2 span {
  font-size: 1.429em;
}

.elem-side-column-nav ul li {
  padding-left: .429em;
  border-top: solid 1px #e0e0e0;
}

.elem-side-column-nav ul li:first-child {
  border-top: none;
}

.elem-side-column-nav ul li span {
  position: relative;
  display: block;
  padding-left: 1.286em;
}

.elem-side-column-nav ul li span::before {
  position: absolute;
  z-index: 1;
  left: 0;
  content: "\e904";
}

.windows .elem-side-column-nav ul li span::before {
  top: 9px;
}

.mac .elem-side-column-nav ul li span::before {
  top: 10px;
}

.elem-side-column-nav ul li span a {
  display: inline-block;
  padding: .714em 0;
  vertical-align: middle;
  color: #444;
}

/* -.elem-grouping-nav
*************************************************/

.elem-grouping-nav {
  margin: 30px auto;
}

.elem-grouping-nav[data-group-color=""] .grouping-nav-head {
  background-color: #e0e0e0;
}

.elem-grouping-nav[data-group-color=""] h2 {
  border-left-color: #919191;
}

.elem-grouping-nav[data-group-color="1"] .grouping-nav-head {
  background-color: #444;
}

.elem-grouping-nav[data-group-color="1"] h2 {
  border-left-color: #a1a1a1;
}

.elem-grouping-nav[data-group-color="1"] h2 span {
  color: #fff;
}

.elem-grouping-nav .grouping-nav-head {
  padding: 13px 1em 12px;
  border-radius: 8px 8px 0 0;
}

.elem-grouping-nav .grouping-nav-body {
  padding: 0 1em;
  border: solid 1px #e0e0e0;
  border-radius: 0 0 8px 8px;
}

.elem-grouping-nav h2 {
  padding-left: .857em;
  border-left: solid 4px;
}

.elem-grouping-nav h2 span {
  font-size: 1.429em;
}

.elem-grouping-nav ul {
  padding-bottom: 1em;
}

.elem-grouping-nav ul li {
  padding-left: .429em;
  border-bottom: solid 1px #e0e0e0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.elem-grouping-nav ul li span {
  position: relative;
  display: block;
  padding-left: 1.286em;
}

.elem-grouping-nav ul li span::before {
  position: absolute;
  z-index: 1;
  left: 0;
  content: "\e904";
}

.windows .elem-grouping-nav ul li span::before {
  top: 9px;
}

.mac .elem-grouping-nav ul li span::before {
  top: 10px;
}

.elem-grouping-nav ul li span a {
  display: block;
  padding: .714em 0;
  color: #444;
}

/* -.elem-side-column-nav-substitute
*************************************************/

.elem-side-column-nav-substitute select {
  width: 100%;
}

.elem-side-column-nav-substitute select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* -.elem-cart-total-calc
*************************************************/

.elem-cart-total-calc .cart-total-calc-head {
  padding: 13px 1em 12px;
  border-radius: 8px 8px 0 0;
  background-color: #e0e0e0;
}

.elem-cart-total-calc .cart-total-calc-body {
  padding: 0 1em 20px;
  border: solid 1px #e0e0e0;
  border-radius: 0 0 8px 8px;
}

.elem-cart-total-calc h2 {
  padding-left: .857em;
  border-left: solid 4px #919191;
}

.elem-cart-total-calc h2 span {
  font-size: 1.429em;
}

.elem-cart-total-calc ul {
  display: table;
  width: 100%;
  padding-bottom: 10px;
  table-layout: fixed;
}

.elem-cart-total-calc ul li {
  display: table-row;
}

.elem-cart-total-calc ul li:first-child p {
  border-top: none;
}

.elem-cart-total-calc ul li p {
  display: table-cell;
  padding: 10px 0;
  text-align: right;
  border-top: solid 1px #e0e0e0;
}

.elem-cart-total-calc ul li p:first-child {
  text-align: left;
}

.elem-cart-total-calc ul li p span {
  font-size: 1.071em;
  font-weight: 700;
}

.elem-cart-total-calc .connote-btn button {
  width: 100%;
  transition: box-shadow .5s ease-out;
  background: -webkit-gradient(linear, left top, right top, from(#f7ce1a), to(#ef790f));
  background: -webkit-linear-gradient(top, #f7ce1a, #ef790f);
  background: -moz-linear-gradient(top, #f7ce1a, #ef790f);
  background: -o-linear-gradient(top, #f7ce1a, #ef790f);
  background: linear-gradient(to bottom, #f7ce1a, #ef790f);
  background-color: #f6b418;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .32);
}

.ie .elem-cart-total-calc .connote-btn button {
  background: -ms-linear-gradient(top, #f7ce1a, #ef790f);
}

.firefox .elem-cart-total-calc .connote-btn button {
  background: -moz-linear-gradient(top, #f7ce1a, #ef790f);
}

.elem-cart-total-calc .connote-btn button:hover {
  box-shadow: 0 0 0 transparent;
}

.elem-cart-total-calc .connote-btn button i::before {
  display: inline-block;
  vertical-align: middle;
}

.elem-cart-total-calc .connote-btn button i.icon-cart::before {
  height: 23px;
  content: url(/portal/common-dominant/img/components/site-header/icons/renewal-2021/icon-cart.svg);
}

.elem-cart-total-calc .connote-btn button span {
  vertical-align: middle;
}

.elem-cart-total-calc button {
  font-size: 1.143em;
  height: 42px;
  border: none;
  border-radius: 6px;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* -.elem-highchart-component
*************************************************/

.elem-highchart-component {
  margin: 40px auto;
}

.elem-highchart-component--scroll {
  margin: 40px auto;
}

.elem-highchart-component--scroll>div>div>div>div>p {
  display: none;
}

/* -.elem-ranking-stack
*************************************************/

.elem-ranking-stack .elem-ranking-container .item--ranking>div {
  display: table;
  width: 100%;
}

.elem-ranking-stack .elem-ranking-container .item--ranking>div .pic-container {
  width: 23.469%;
}

.elem-ranking-stack .elem-ranking-container .item--ranking>div .pic-container .elem-ranking-number {
  float: left;
  width: 41.667%;
}

.elem-ranking-stack .elem-ranking-container .item--ranking>div .pic-container .elem-pic .holder img {
  border: 1px solid #e0e0e0;
}

.elem-ranking-stack .elem-ranking-container .item--ranking>div .txt-container>div {
  display: table;
  width: 100%;
}

.elem-ranking-stack .elem-ranking-container .item--ranking>div .txt-container .elem-txt-list {
  display: table-cell;
  padding-right: 5.102%;
  vertical-align: top;
}

.elem-ranking-stack .elem-ranking-container .item--ranking>div .txt-container .elem-txt-list .txt-list>li span {
  font-size: 1.143em;
}

.elem-ranking-stack .elem-ranking-container .item--ranking>div .txt-container .item--maker {
  display: table-cell;
  width: 35.714%;
  vertical-align: top;
}

.elem-ranking-stack .elem-ranking-container--nopic .item--ranking>div {
  display: block;
}

.elem-ranking-stack .elem-ranking-container--nopic .item--ranking>div>a {
  display: table;
  width: 100%;
}

.elem-ranking-stack .elem-ranking-container--nopic .item--ranking>div>a:hover {
  text-decoration: none;
}

.elem-ranking-stack .elem-ranking-container--nopic .item--ranking>div>a:hover .elem-txt-list span {
  text-decoration: underline;
}

.elem-ranking-stack .elem-ranking-container--nopic .item--ranking>div>a .elem-ranking-number {
  display: table-cell;
  width: 13.265%;
}

.elem-ranking-stack .elem-ranking-container--nopic .item--ranking>div>a .elem-ranking-number span {
  font-weight: normal;
}

.elem-ranking-stack .elem-ranking-container--nopic .item--ranking>div>a .elem-ranking-number .ranking-number {
  color: #444;
}

.elem-ranking-stack .elem-ranking-container--nopic .item--ranking>div>a .elem-ranking-number .rank-change {
  font-size: 1.071em;
}

.elem-ranking-stack .elem-ranking-container--nopic .item--ranking>div>a .elem-txt-list--detail span,
.elem-ranking-stack .elem-ranking-container--nopic .item--ranking>div>a .elem-txt-list--detail p {
  color: #444;
}

.elem-ranking-stack .elem-ranking-container--nopic .item--ranking>div .txt-container .elem-txt-list .txt-list>li span {
  font-size: 1.143em;
}

.elem-ranking-stack .elem-ranking-container,
.elem-ranking-stack .elem-ranking-container--nopic {
  padding: 25px 20px 20px;
  border-bottom: 1px solid #e0e0e0;
}

.elem-ranking-stack .elem-ranking-container:first-child,
.elem-ranking-stack .elem-ranking-container--nopic:first-child {
  border-top: 1px solid #e0e0e0;
}

.elem-ranking-stack .elem-ranking-container .item--ranking .pic-container,
.elem-ranking-stack .elem-ranking-container--nopic .item--ranking .pic-container {
  display: table-cell;
  vertical-align: top;
}

.elem-ranking-stack .elem-ranking-container .item--ranking .txt-container,
.elem-ranking-stack .elem-ranking-container--nopic .item--ranking .txt-container {
  display: table-cell;
  padding-left: 22px;
  vertical-align: top;
}

.elem-ranking-stack .elem-ranking-container .item--ranking .txt-container .elem-txt-list .txt-list li span,
.elem-ranking-stack .elem-ranking-container--nopic .item--ranking .txt-container .elem-txt-list .txt-list li span {
  font-size: 1.429em;
  line-height: 1.3;
  word-break: break-all;
}

.elem-ranking-stack .elem-ranking-container .item--ranking .txt-container .item--maker .elem-txt-list--detail .txt-list--detail>dl>dt span,
.elem-ranking-stack .elem-ranking-container--nopic .item--ranking .txt-container .item--maker .elem-txt-list--detail .txt-list--detail>dl>dt span {
  font-weight: normal;
}

.elem-ranking-stack .elem-ranking-container .item--ranking .txt-container .item--maker .elem-txt-list--detail .txt-list--detail>dl>dd,
.elem-ranking-stack .elem-ranking-container--nopic .item--ranking .txt-container .item--maker .elem-txt-list--detail .txt-list--detail>dl>dd {
  word-break: break-all;
}

/* -.elem-ranking-number
*************************************************/

.elem-ranking-number {
  letter-spacing: -.4em;
}

.elem-ranking-number span,
.elem-ranking-number i {
  font-size: 1.214em;
  vertical-align: middle;
}

.elem-ranking-number .rank-up {
  font-size: 1.071em;
  font-weight: 700;
  color: #d50000;
}

.elem-ranking-number .icon-rankup::before {
  display: inline-block;
  width: 14px;
  height: 17px;
  margin-left: .357em;
  content: "";
  background: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/ranking-number/icon-rankup.svg) no-repeat;
  background-size: cover;
}

.elem-ranking-number .rank-same {
  font-size: 1.071em;
  font-weight: 700;
  color: #4753bf;
}

.elem-ranking-number .icon-ranksame::before {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-left: .357em;
  content: "";
  vertical-align: -1px;
  background: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/ranking-number/icon-ranksame.svg) no-repeat;
  background-size: cover;
}

.elem-ranking-number .rank-down {
  font-size: 1.071em;
  font-weight: 700;
  color: #757575;
}

.elem-ranking-number .icon-rankdown::before {
  display: inline-block;
  width: 14px;
  height: 17px;
  margin-left: .357em;
  content: "";
  vertical-align: -2px;
  background: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/ranking-number/icon-rankdown.svg) no-repeat;
  background-size: cover;
}

.elem-ranking-number .rank-first {
  font-size: 1.071em;
  font-weight: 700;
  padding-right: 1.429em;
  color: #4753bf;
}

.ranking-number {
  display: inline-block;
  width: 50px;
  letter-spacing: normal;
}

[class^="icon-ranking-"]+.ranking-number {
  display: none;
}

.rank-change {
  display: inline-block;
  width: 55px;
  text-align: right;
  letter-spacing: normal;
}

[class^="icon-ranking-"] {
  display: inline-block;
}

[class^="icon-ranking-"]::before {
  display: inline-block;
  width: 68px;
  height: 20px;
  content: "";
  vertical-align: -3px;
}

.icon-ranking-no1::before {
  background: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/ranking-number/icon-ranking-no1.svg) no-repeat 50%;
  background-size: cover;
}

.icon-ranking-no2::before {
  background: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/ranking-number/icon-ranking-no2.svg) no-repeat 50%;
  background-size: cover;
}

.icon-ranking-no3::before {
  background: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/ranking-number/icon-ranking-no3.svg) no-repeat 50%;
  background-size: cover;
}

/* -.elem-refine-searcher
*************************************************/

.elem-refine-searcher {
  margin: 30px auto;
}

.color-frame-section+.elem-refine-searcher {
  margin-top: -10px;
}

.elem-refine-searcher>div {
  border-radius: 8px;
  background: #f0f0f0;
}

.elem-refine-searcher>div>div {
  padding: 20px 10px;
}

.elem-refine-searcher>div>div>div>div {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.elem-refine-searcher[data-search-type="1"]>div {
  border-radius: none;
  background-color: transparent;
}

.elem-refine-searcher[data-search-type="1"]>div>div {
  padding: 0;
}

.elem-refine-searcher[data-search-type="1"] .column:first-child {
  padding-left: 0;
}

.elem-refine-searcher[data-search-type="1"] .column:last-child {
  padding-right: 0;
}

html:not(.ie) .elem-refine-searcher[data-search-type="1"] .connote-select select {
  border: solid 1px #e0e0e0;
}

.elem-refine-searcher .column {
  display: table-cell;
  padding: 0 1em;
  vertical-align: middle;
}

.elem-refine-searcher .column>p {
  font-size: 1.143em;
}

.elem-refine-searcher .connote-select label {
  position: relative;
  display: block;
}

html:not(.ie) .elem-refine-searcher .connote-select label::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  content: "";
  pointer-events: none;
  background: 0 50% no-repeat url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-refine-searcher/arrow-bottom.svg);
}

.elem-refine-searcher .connote-select select {
  display: block;
  width: 100%;
}

html:not(.ie) .elem-refine-searcher .connote-select select {
  position: relative;
  height: 30px;
  padding: 2px 2em 2px 1em;
  cursor: pointer;
  border: none;
  border-radius: 15px;
  outline: none;
  background: #fff;
  -webkit-appearance: none;
}

.elem-refine-searcher .connote-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* -.elem-switchgear
*************************************************/

.elem-switchgear {
  margin: 30px auto;
}

.elem-switchgear .switchgear--trigger {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}

.elem-switchgear .switchgear--trigger::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.elem-switchgear .switchgear--trigger:nth-child(n+3) {
  border-top: solid 1px #f9f9f9;
}

.elem-switchgear .switchgear--trigger.active>div::before {
  -webkit-transform: rotate(90deg) translateX(-450%);
  -ms-transform: rotate(90deg) translateX(-450%);
  transform: rotate(90deg) translateX(-450%);
}

.elem-switchgear .switchgear--trigger>div {
  padding: 1.087% 2.826%;
  background-color: #eee;
}

.elem-switchgear .switchgear--trigger>div::before,
.elem-switchgear .switchgear--trigger>div::after {
  position: absolute;
  z-index: 1;
  top: 50%;
  content: "";
  transition: all .5s ease;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background: #444;
}

.elem-switchgear .switchgear--trigger>div::before {
  right: 4.457%;
  width: 2px;
  height: 18px;
}

.elem-switchgear .switchgear--trigger>div::after {
  right: 3.587%;
  width: 18px;
  height: 2px;
}

.elem-switchgear .switchgear--trigger>div p {
  font-size: 1.429em;
  line-height: 1.45;
  max-width: 94.595%;
}

.elem-switchgear .switchgear {
  display: none;
}

.elem-switchgear .switchgear>div {
  padding: 3.261% 0;
}

.elem-switchgear.this-active+.elem-switchgear--option {
  opacity: 0;
}

.elem-switchgear.this-active+.elem-switchgear--option+div {
  margin-top: -40px;
}

.elem-switchgear--option {
  transition: margin-bottom .25s ease, opacity .5s ease;
}

.elem-switchgear--option+div {
  transition: margin-top .5s ease;
}

.elem-switchgear--option p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.elem-switchgear--option p span {
  padding: 0 .25em;
}

.elem-switchgear--option p span:first-child {
  padding-left: 0;
}

.elem-switchgear--option p span:last-child {
  padding-right: 0;
}

/* -.elem-article--pagination
*************************************************/

.elem-article--pagination {
  margin: 30px auto;
}

.elem-article--pagination>div {
  border-bottom: solid 1px #e0e0e0;
}

.elem-article--pagination>div>div {
  padding-bottom: 1em;
}

.elem-article--pagination>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.elem-article--pagination .article--pagination-prev {
  max-width: 49%;
}

.elem-article--pagination .article--pagination-next {
  max-width: 49%;
  text-align: right;
}

/* -.elem-rate-status-block
*************************************************/

/* -.elem-blockquote
*************************************************/

.elem-blockquote {
  margin: 30px auto;
}

.elem-blockquote[data-quote-type=""] .upper {
  display: table;
  width: 100%;
}

.elem-blockquote[data-quote-type=""] .upper p {
  display: table-cell;
  vertical-align: top;
}

.elem-blockquote[data-quote-type=""] .upper p:first-child {
  width: 1%;
}

.elem-blockquote[data-quote-type=""] .upper p:first-child span {
  display: inline-block;
  padding: 0 .714em;
  vertical-align: middle;
  white-space: nowrap;
  color: #fff;
  background-color: #444;
}

.elem-blockquote[data-quote-type=""] .upper p:last-child {
  width: 99%;
}

.elem-blockquote[data-quote-type=""] .upper p+p {
  padding-left: .714em;
}

.elem-blockquote[data-quote-type=""] .upper p cite {
  font-style: normal;
}

.elem-blockquote[data-quote-type=""] .upper+.lower {
  margin-top: 4px;
}

.elem-blockquote[data-quote-type=""] .lower p em {
  color: #f6453b;
}

.elem-blockquote[data-quote-type=""] .lower p a::before {
  content: "\e904";
}

.elem-blockquote[data-quote-type=""] .lower p+p {
  margin-top: 3px;
}

.elem-blockquote blockquote {
  margin: 0;
}

/* -.elem-article-card-block
*************************************************/

.elem-article-card-block-scope {
  margin: 20px auto 75px;
}

.elem-article-card-block-scope .elem-article-card-block[data-opacity="0"] {
  opacity: 0;
}

.elem-article-card-block+.elem-article-card-block {
  margin-top: 20px;
}

.elem-article-card-block>div>div>div>div a {
  display: block;
  text-decoration: none;
  color: #444;
}

.elem-article-card-block>div>div>div>div a:focus .txt-container .entry-title h2,
.elem-article-card-block>div>div>div>div a:hover .txt-container .entry-title h2 {
  text-decoration: underline;
}

.elem-article-card-block[data-direction="horizontal"]>div>div>div>div a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.elem-article-card-block[data-direction="horizontal"] .pic-container {
  width: 23.881%;
}

.elem-article-card-block[data-direction="horizontal"] .txt-container {
  width: 73.134%;
  -ms-flex: 0 1 auto;
}

.elem-article-card-block .pic-container .holder {
  background-color: rgba(0, 0, 0, .8);
}

.block-tpl .elem-article-card-block .pic-container .holder {
  background-color: inherit;
}

.elem-article-card-block .pic-container .holder>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-pack: center;
  height: 105px;
  border: solid 1px #e0e0e0;
  -js-display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.block-tpl .elem-article-card-block .pic-container .holder>div {
  height: inherit;
}

.elem-article-card-block .pic-container .holder img {
  width: auto;
  max-width: 158px;
  max-height: 105px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.block-tpl .elem-article-card-block .pic-container .holder img {
  width: 158px;
  max-width: inherit;
  max-height: inherit;
}

.elem-article-card-block .txt-container .entry-meta>div {
  display: inline-block;
  vertical-align: middle;
}

.elem-article-card-block .txt-container .entry-meta>div+div {
  margin-left: 1em;
}

.elem-article-card-block .txt-container .entry-meta>div span.icon {
  line-height: 1.5;
  display: inline-block;
  padding: 0 1em;
  vertical-align: middle;
  border: solid 1px #9d9d9d;
  background-color: #fff;
}

.elem-article-card-block .txt-container .entry-meta+.entry-title {
  margin-top: 7px;
}

.elem-article-card-block .txt-container .entry-title h2 {
  font-size: 1.143em;
  line-height: 1.4;
  color: #0d46a0;
}

/* -.elem-slider-nav
*************************************************/

/* -.elem-page-to-top
*************************************************/

.elem-guidance-nav {
  margin: 20px auto 70px;
}

.elem-guidance-nav .guidance-nav--head,
.elem-guidance-nav .guidance-nav--stack-body {
  display: table;
  width: 100%;
}

.elem-guidance-nav .guidance-nav--head {
  font-size: 1.214em;
  padding: 0 0 1.304% 4.783%;
}

.elem-guidance-nav .guidance-nav--stack-body {
  padding: 1.739% 0 1.739% 1.63%;
  border-top: solid 1px #e0e0e0;
}

.elem-guidance-nav .guidance-nav {
  display: table-row-group;
}

.elem-guidance-nav .guidance-nav>div {
  display: table-row;
}

.elem-guidance-nav .type-label {
  display: table-cell;
  width: 18.95%;
}

.elem-guidance-nav .title-label {
  display: table-cell;
  width: 70.091%;
}

.elem-guidance-nav .date-label {
  display: table-cell;
  padding-left: 10px;
  vertical-align: top;
}

.elem-guidance-nav .status {
  display: table-cell;
  width: 21.547%;
  vertical-align: top;
}

.elem-guidance-nav .status p {
  display: inline-block;
  padding: 0 8px;
  vertical-align: middle;
  background-color: #f0f0f0;
}

.elem-guidance-nav .overview {
  display: table-cell;
  width: 67.845%;
  padding-right: 1em;
  vertical-align: top;
}

.elem-guidance-nav .overview p a {
  font-size: 1.429em;
  line-height: 1.25;
}

.elem-guidance-nav .overview p+p {
  margin-top: 5px;
}

.elem-guidance-nav .date {
  display: table-cell;
}

/* -.elem-page-to-top
*************************************************/

.elem-page-to-top-wrapper {
  position: relative;
}

.elem-page-to-top {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity .5s ease;
}

.elem-page-to-top.this-fixed {
  position: fixed;
  top: auto;
  bottom: 0;
}

.elem-page-to-top>div>div {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.elem-page-to-top>div>div>div>div {
  position: relative;
}

.elem-page-to-top span {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: box-shadow .5s ease, opacity .5s ease;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: .88;
  border-radius: 50%;
  background: #fff no-repeat 0 0 url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/elem-page-to-top/icon.svg);
  box-shadow: 0 0 15px -2px rgba(0, 0, 0, .32);
}

.elem-page-to-top span:hover {
  opacity: 1;
  box-shadow: 0 0 24px 1px rgba(0, 0, 0, .16);
}

/* -[class^="elem-"]
*************************************************/

[class^="elem-"]:first-child {
  margin-top: 0;
}

[class^="elem-"]:last-child {
  margin-bottom: 0;
}

/* -[data-margin]
*************************************************/

[data-margin-top="-40"] {
  margin-top: -40px !important;
}

[data-margin-top="-27"] {
  margin-top: -27px !important;
}

[data-margin-top="-25"] {
  margin-top: -25px !important;
}

[data-margin-top="-20"] {
  margin-top: -20px !important;
}

[data-margin-top="-15"] {
  margin-top: -15px !important;
}

[data-margin-top="-13"] {
  margin-top: -13px !important;
}

[data-margin-top="-12"] {
  margin-top: -12px !important;
}

[data-margin-top="-10"] {
  margin-top: -10px !important;
}

[data-margin-top="-5"] {
  margin-top: -5px !important;
}

[data-margin-top="0"] {
  margin-top: 0 !important;
}

[data-margin-top="5"] {
  margin-top: 5px !important;
}

[data-margin-top="10"] {
  margin-top: 10px !important;
}

[data-margin-top="20"] {
  margin-top: 20px !important;
}

[data-margin-bottom="-20"] {
  margin-bottom: -20px !important;
}

[data-margin-bottom="0"] {
  margin-bottom: 0 !important;
}

[data-margin-bottom="2"] {
  margin-bottom: 2px !important;
}

[data-margin-bottom="10"] {
  margin-bottom: 10px !important;
}

[data-margin-bottom="15"] {
  margin-bottom: 15px !important;
}

[data-margin-bottom="20"] {
  margin-bottom: 20px !important;
}

/* -.renewal-2021-elem-btn
*************************************************/

.renewal-2021-elem-btn {
  font-size: 14px;
}

.renewal-2021-elem-border-box .renewal-2021-elem-btn {
  margin-top: 10px;
}

.renewal-2021-side-column>.renewal-2021-elem-btn {
  margin-bottom: 20px;
}

form>.renewal-2021-elem-btn {
  margin-top: 12px;
  margin-bottom: 0;
}

.renewal-2021-elem-btn[data-style="1"] {
  padding: 20px 10px;
  border-radius: 4px;
  background: #ddd;
}

.renewal-2021-elem-btn[data-btn-color="white"] a,
.renewal-2021-elem-btn[data-btn-color="white"] button {
  color: #0e47a1;
  border: 1px solid #0e47a1;
  background: #fff;
}

.renewal-2021-elem-btn[data-btn-color="gray"] a,
.renewal-2021-elem-btn[data-btn-color="gray"] button {
  color: #333;
  background: #eee;
}

.renewal-2021-elem-btn[data-btn-color="orange"] a,
.renewal-2021-elem-btn[data-btn-color="orange"] button {
  color: #333;
  background: #f6b418;
}

.renewal-2021-elem-btn[data-btn-color="orange"] .white {
  color: #fff;
}

.renewal-2021-elem-btn[data-btn-color="disabled"] a,
.renewal-2021-elem-btn[data-btn-color="disabled"] button {
  pointer-events: none;
  color: #a1a1a1;
  background: #eee;
  box-shadow: none;
}

.renewal-2021-elem-btn[data-btn-weight="normal"] a,
.renewal-2021-elem-btn[data-btn-weight="normal"] button {
  font-weight: 400;
}

.renewal-2021-elem-btn a,
.renewal-2021-elem-btn button {
  font-weight: 700;
  display: block;
  width: 100%;
  padding: 5px 15px;
  cursor: pointer;
  transition: none;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: none;
  border-radius: 4px;
  background: #0e47a1;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
}

.renewal-2021-elem-btn a:hover,
.renewal-2021-elem-btn button:hover {
  text-decoration: none;
  opacity: .8;
}

.renewal-2021-elem-btn .icon-cart span {
  font-size: 12px;
  position: relative;
  padding-left: 20px;
}

.renewal-2021-elem-btn .icon-cart span::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/portal/common-dominant/img/components/site-header/icons/renewal-2021/icon-cart.svg);
  background-repeat: no-repeat;
}

.renewal-2021-elem-btn .icon-check span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.renewal-2021-elem-btn .icon-check span::before {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  content: "";
  background-image: url(/portal/common-dominant/img/components/product-search/icons/icon-check.svg);
  background-position: 50% 50%;
  background-size: cover;
}

.renewal-2021-elem-btn .icon-star span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.renewal-2021-elem-btn .icon-star span::before {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  content: "";
  background-image: url(/portal/common-dominant/img/components/product-search/icons/icon-heart.svg);
  background-position: 50% 50%;
  background-size: cover;
}

.renewal-2021-elem-btn .search-category-btn {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-elem-btn .search-category-btn::after {
  display: block;
  width: 7px;
  height: 7px;
  content: "";
  -webkit-transform: rotate(45deg) translateY(-25%);
  -ms-transform: rotate(45deg) translateY(-25%);
  transform: rotate(45deg) translateY(-25%);
  color: #fff;
  border-right: solid 2.5px;
  border-bottom: solid 2.5px;
}

/* -.renewal-2021-elem-switchgear
*************************************************/

.renewal-2021-elem-switchgear {
  margin: 0 auto 20px;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger:nth-child(n+3) {
  border-top: solid 1px #f9f9f9;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger.active>div::before {
  -webkit-transform: rotate(90deg) translateX(-300%);
  -ms-transform: rotate(90deg) translateX(-300%);
  transform: rotate(90deg) translateX(-300%);
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger>div {
  padding: 5px 10px;
  border-top: 1px solid #ccc;
  background-color: #eee;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger>div::before,
.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger>div::after {
  position: absolute;
  z-index: 1;
  top: 50%;
  content: "";
  transition: all .5s ease;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background: #444;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger>div::before {
  right: 10px;
  width: 2px;
  height: 12px;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger>div::after {
  right: 5px;
  width: 12px;
  height: 2px;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger>div p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear {
  display: none;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear>div {
  padding: 0 0;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear .renewal-2021-elem-txt-list .renewal-2021-txt-list li p a {
  margin-right: 5px;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear .renewal-2021-elem-txt-list .renewal-2021-txt-list li .div_tip01 {
  position: absolute;
  z-index: 99;
  top: -9px;
  left: 106%;
  display: none;
  min-width: 265px;
  border: 0;
  border-top: 1px solid #999;
  border-right: solid 3px #999;
  border-bottom: 1px solid #999;
  border-left: solid 6px #555;
  background: #fff;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear .renewal-2021-elem-txt-list .renewal-2021-txt-list li .div_tip01::before {
  position: absolute;
  top: 8px;
  left: -14%;
  content: "";
  border-top: solid 10px transparent;
  border-right: solid 15px #555;
  border-bottom: solid 10px transparent;
  border-left: solid 15px transparent;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear .renewal-2021-elem-txt-list .renewal-2021-txt-list li .div_tip01 ul {
  padding: 10px 0 10px;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear .renewal-2021-elem-txt-list .renewal-2021-txt-list li .div_tip01 ul li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 0 3px 10px;
  transition: background-color .5s ease;
  -js-display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear .renewal-2021-elem-txt-list .renewal-2021-txt-list li .div_tip01 ul li::before {
  position: absolute;
  width: 10px;
  height: 20px;
  content: "";
  background: url("https://sub.idaten.ne.jp/portal/common/img/ico_arrow_r02.gif") left center no-repeat;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear .renewal-2021-elem-txt-list .renewal-2021-txt-list li .div_tip01 ul li a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-left: 10px;
  color: #0d46a0;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear .renewal-2021-elem-txt-list .renewal-2021-txt-list li .div_tip01 ul li:hover {
  background-color: #eee;
}

.renewal-2021-elem-switchgear .renewal-2021-switchgear .renewal-2021-elem-txt-list .renewal-2021-txt-list li .div_tip01 ul li:hover a {
  font-weight: 700;
  text-decoration: underline;
}

.renewal-2021-elem-switchgear.this-active+.elem-switchgear--option {
  opacity: 0;
}

.renewal-2021-elem-switchgear.this-active+.elem-switchgear--option+div {
  margin-top: -40px;
}

/* -.renewal-2021-elem-txt-list
*************************************************/

.renewal-2021-elem-txt-list {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.renewal-2021-switchgear .renewal-2021-elem-txt-list .renewal-2021-txt-list {
  margin-top: 5px;
}

.renewal-2021-elem-txt-list .renewal-2021-txt-list>li {
  position: relative;
  padding-left: 10px;
}

.renewal-2021-elem-txt-list .renewal-2021-txt-list>li:not(:last-child) {
  margin-bottom: 5px;
}

.renewal-2021-elem-txt-list .renewal-2021-txt-list>li p {
  font-size: 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-elem-txt-list .renewal-2021-txt-list>li p.arrow-icon::after {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: auto;
  content: "";
  background: url(https://sub.idaten.ne.jp/portal/common-tertiary/img/components/elem-txt-list/pagination/icon-arrow-forward.svg);
  background-position: center center;
}

.renewal-2021-elem-txt-list .renewal-2021-txt-list>li::before {
  position: absolute;
  left: -2px;
  content: "E";
}

.renewal-2021-elem-txt-list .renewal-2021-txt-list>li a {
  color: #0e47a1;
}

/* -.renewal-2021-elem-form-check-label-list
*************************************************/

.renewal-2021-elem-form-check-label-list {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.renewal-2021-switchgear .renewal-2021-elem-form-check-label-list {
  margin-top: 5px;
}

.renewal-2021-elem-form-check-label-list>li:not(:last-child) {
  margin-bottom: 5px;
}

.renewal-2021-elem-form-check-label-list>li label {
  font-size: 12px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

.renewal-2021-elem-form-check-label-list>li label input[type="checkbox"] {
  margin-right: 5px;
  vertical-align: -2px;
}

/* -.renewal-2021-elem-form-vertical-group
*************************************************/

.renewal-2021-elem-form-vertical-group {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.renewal-2021-switchgear .renewal-2021-elem-form-vertical-group {
  margin-top: 10px;
}

.renewal-2021-elem-form-vertical-group input[type="text"] {
  display: block;
  width: 100%;
  height: 28px;
  border: solid 1px #ccc;
}

.renewal-2021-elem-form-vertical-group input[type="text"]:focus {
  border: solid 2px #000;
  outline: none;
}

.renewal-2021-elem-form-vertical-group p {
  font-size: 12px;
}

.renewal-2021-elem-form-vertical-group>p {
  margin: 10px 0;
}

.renewal-2021-elem-form-vertical-group>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-elem-form-vertical-group>div input[type="text"] {
  width: 160px;
}

.renewal-2021-elem-form-vertical-group>div p {
  line-height: 28px;
  margin-left: 5px;
}

/* -.renewal-2021-elem-heading
*************************************************/

.renewal-2021-side-column[data-column-position="left"] .renewal-2021-elem-heading-lv3,
.renewal-2021-side-column[data-column-position="right"] .renewal-2021-elem-heading-lv3 {
  padding: 5px 8px;
  border-top: 1px solid #ccc;
  background: #eee;
}

.renewal-2021-side-column[data-column-position="left"] .renewal-2021-elem-heading-lv3 h3,
.renewal-2021-side-column[data-column-position="right"] .renewal-2021-elem-heading-lv3 h3 {
  font-size: 16px;
  font-weight: 700;
}

.renewal-2021-elem-heading-lv3+.txt-container {
  margin: 5px 0 10px;
}

.renewal-2021-side-column[data-column-position="right"] .renewal-2021-elem-heading-lv3 {
  margin-bottom: 10px;
}

.renewal-2021-side-column[data-column-position="right"] .renewal-2021-elem-heading-lv3[data-style="1"] {
  margin-bottom: 0;
}

.renewal-2021-side-column .renewal-2021-elem-heading-lv4 {
  margin-bottom: 5px;
  border-left: 3px solid #a1a1a1;
}

.renewal-2021-side-column .renewal-2021-elem-heading-lv4 h4 {
  font-size: 14px;
  font-weight: 700;
  margin-left: 5px;
}

.renewal-2021-side-column .renewal-2021-color-heading-lv4 {
  margin-bottom: 5px;
}

.renewal-2021-side-column .renewal-2021-color-heading-lv4 h4 {
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.renewal-2021-side-column .renewal-2021-color-heading-lv4 h4::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 4px;
  content: "";
}

.renewal-2021-side-column .renewal-2021-color-heading-lv4[data-color="yellow"] h4::before {
  background-color: #f5b632;
}

.renewal-2021-side-column .renewal-2021-color-heading-lv4[data-color="purple"] h4::before {
  background-color: #8464b8;
}

.renewal-2021-side-column .renewal-2021-color-heading-lv4[data-color="orange"] h4::before {
  background-color: #eb2c03;
}

.renewal-2021-side-column .renewal-2021-color-heading-lv4[data-color="green"] h4::before {
  background-color: #039790;
}

.renewal-2021-side-column .renewal-2021-color-heading-lv4[data-color="red"] h4::before {
  background-color: #b71540;
}

/* -.renewal-2021-side-column--contents
*************************************************/

.renewal-2021-side-column--contents {
  overflow: hidden;
  transition: height .5s ease;
}

.renewal-2021-side-column--contents+.renewal-2021-elem-read-more-btn {
  margin-bottom: 10px;
}

/* -.renewal-2021-elem-txt-block
*************************************************/

.renewal-2021-elem-txt-block {
  line-height: 1.5;
  margin-bottom: 8px;
  margin-left: 8px;
  padding: 0 2px 8px;
}

.renewal-2021-elem-txt-block p+a {
  margin-top: 3px;
}

.renewal-2021-elem-txt-block a {
  display: block;
  color: #0e47a1;
}

.renewal-2021-elem-txt-block a+p {
  margin-top: 3px;
}

.renewal-2021-elem-txt-block__tag {
  display: block;
  margin-top: 5px;
  text-align: left;
}

.renewal-2021-elem-txt-block__tag span {
  font-size: 10px;
  display: inline-block;
  padding: 5px;
  border: 1px solid #ccc;
}

.renewal-2021-side-column--contents[data-style="1"] .renewal-2021-elem-txt-block {
  border-bottom: 1px solid #ccc;
}

/* -.renewal-2021-elem-pic-block
*************************************************/

.renewal-2021-elem-pic-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  padding: 0 2px 8px;
  border-bottom: 1px solid #ccc;
  -js-display: flex;
}

.renewal-2021-side-column--contents .renewal-2021-elem-pic-block {
  margin-left: 8px;
}

.renewal-2021-elem-pic-block .pic-flex {
  width: 100%;
}

.renewal-2021-elem-pic-block .pic-container {
  margin-right: 8px;
}

.renewal-2021-elem-pic-block .pic-container img {
  max-width: 36px;
}

.renewal-2021-elem-pic-block .txt-container {
  line-height: 1.5;
}

.renewal-2021-elem-pic-block .txt-container p {
  font-size: 12px;
}

.renewal-2021-elem-pic-block .txt-container a {
  font-size: 12px;
  display: block;
  max-width: 162px;
  word-break: break-all;
  color: #0e47a1;
}

.renewal-2021-elem-pic-block .txt-container a p {
  color: #0e47a1;
}

.renewal-2021-side-column[data-column-position="right"] .renewal-2021-elem-pic-block .pic-container {
  margin-right: 10px;
}

.renewal-2021-side-column[data-column-position="right"] .renewal-2021-elem-pic-block .pic-container img {
  max-width: 55px;
}

.renewal-2021-side-column[data-column-position="right"] .renewal-2021-elem-pic-block .txt-container a {
  word-break: normal;
}

.renewal-2021-side-column[data-column-position="right"] .renewal-2021-elem-pic-block .txt-container a p {
  font-size: 12px;
}

/* -.renewal-2021-elem-pic-block
*************************************************/

.renewal-2021-elem-movie-pic-block {
  line-height: 1.5;
  margin-bottom: 8px;
  margin-left: 8px;
  padding: 0 0 8px 2px;
  border-bottom: 1px solid #ccc;
}

.renewal-2021-elem-movie-pic-block a img {
  display: block;
  width: auto;
  max-width: 105px;
  height: auto;
  max-height: 60px;
  margin: auto;
}

.renewal-2021-elem-movie-pic-block a p {
  color: #0e47a1;
}

/* -.renewal-2021-elem-read-more-btn
*************************************************/

.renewal-2021-elem-read-more-btn[data-position="right"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  -js-display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.renewal-2021-elem-read-more-btn button {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-elem-read-more-btn button:hover {
  text-decoration: underline;
}

.renewal-2021-elem-read-more-btn button span {
  font-size: 12px;
  display: block;
  width: 70px;
  text-align: right;
  color: #0e47a1;
}

.renewal-2021-elem-read-more-btn button::before {
  font-size: 12px;
  position: absolute;
  left: -10px;
  width: 20px;
  height: 100%;
  content: "\FF0B";
}

.renewal-2021-elem-read-more-btn a {
  font-size: 12px;
  color: #0e47a1;
}

.renewal-2021-elem-read-more-btn a::before {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  content: "";
  background-image: url(/portal/common-dominant/img/components/product-search/icons/icon-arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

/* -.renewal-2021-elem-topic-path
*************************************************/

.renewal-2021-elem-topic-path ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-elem-topic-path ul li {
  font-size: 10px;
  vertical-align: top;
}

.renewal-2021-elem-topic-path ul li:last-child a {
  pointer-events: none;
  color: #333;
}

.renewal-2021-elem-topic-path ul li:not(:last-child):after {
  padding: 0 5px;
  content: "\FF1E";
  color: inherit;
}

.renewal-2021-elem-topic-path ul li a {
  color: #0e47a1;
}

/* -.renewal-2021-elem-product-result-bar
*************************************************/

.renewal-2021-elem-product-result-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-elem-product-result-bar .product-result {
  font-size: 16px;
  font-weight: 700;
  margin-right: 20px;
}

.renewal-2021-elem-product-result-bar .product-result span {
  color: #c00;
}

.renewal-2021-elem-product-result-bar .form-number label,
.renewal-2021-elem-product-result-bar .form-number span,
.renewal-2021-elem-product-result-bar .form-sort label,
.renewal-2021-elem-product-result-bar .form-sort span {
  font-size: 10px;
}

.renewal-2021-elem-product-result-bar .form-number select,
.renewal-2021-elem-product-result-bar .form-sort select {
  font-size: 13px;
}

.renewal-2021-elem-product-result-bar .form-number select {
  width: 60px;
}

.renewal-2021-elem-product-result-bar .form-sort select {
  width: 75px;
}

.renewal-2021-elem-product-result-bar .renewal-2021-elem-btn {
  font-size: 12px;
  margin-right: 15px;
}

/* -.renewal-2021-elem-pagination
*************************************************/

.renewal-2021-elem-pagination {
  font-size: 12px;
  margin-left: auto;
}

.renewal-2021-elem-pagination ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-elem-pagination ul li.pagination-arrow-backward {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.renewal-2021-elem-pagination ul li a span {
  padding: 3px 5px;
  color: #0e47a1;
}

.renewal-2021-elem-pagination ul li a .current {
  color: #fff;
  border-radius: 3px;
  background: #0e47a1;
}

.renewal-2021-elem-pagination ul li a .icon-arrow-forward::before {
  display: block;
  width: 15px;
  height: 15px;
  content: "";
  background-image: url(https://sub.idaten.ne.jp/portal/common-tertiary/img/components/elem-txt-list/pagination/icon-arrow-forward.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

/* -.renewal-2021-elem-product-result-card
*************************************************/

.renewal-2021-elem-product-result {
  padding: 15px 0 27px;
}

.renewal-2021-elem-product-result--txt-link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  margin-left: 10px;
  -js-display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.renewal-2021-elem-product-result--txt-link a {
  font-size: 12px;
  color: #0e47a1;
}

.renewal-2021-elem-product-result--txt-link a::before {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  content: "";
  background-image: url(/portal/common-dominant/img/components/product-search/icons/icon-arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

.renewal-2021-elem-product-result--btn-list {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  -js-display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-elem-product-result--btn-list__box {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  width: 460px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  background: #eee;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -js-display: flex;
}

.upper .renewal-2021-elem-product-result--btn-list__box::before {
  position: absolute;
  z-index: 2;
  bottom: -12px;
  left: 11px;
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid #eee;
}

.upper .renewal-2021-elem-product-result--btn-list__box::after {
  position: absolute;
  z-index: 1;
  bottom: -15px;
  left: 9px;
  content: "";
  border: 8px solid transparent;
  border-top: 7px solid #ccc;
}

.lower .renewal-2021-elem-product-result--btn-list__box::before {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: 11px;
  content: "";
  border: 6px solid transparent;
  border-bottom: 6px solid #eee;
}

.lower .renewal-2021-elem-product-result--btn-list__box::after {
  position: absolute;
  z-index: 1;
  top: -15px;
  left: 9px;
  content: "";
  border: 8px solid transparent;
  border-bottom: 7px solid #ccc;
}

.renewal-2021-elem-product-result--btn-list.upper {
  margin-top: 15px;
}

.renewal-2021-elem-product-result--btn-list.lower {
  margin-bottom: 20px;
}

.renewal-2021-elem-product-result--btn-list .bulk-btn {
  font-size: 12px;
  border: 1px solid #ccc;
  background: #fff;
}

.renewal-2021-elem-product-result--btn-list .bulk-btn:not(:last-child) {
  margin-right: 5px;
}

.renewal-2021-elem-product-result--btn-list__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-elem-product-result--btn-list__inner .renewal-2021-elem-btn {
  font-size: 12px;
}

.renewal-2021-elem-product-result--btn-list__inner .renewal-2021-elem-btn:not(:last-child) {
  margin-right: 5px;
}

.renewal-2021-elem-product-result-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  margin-top: 12px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.renewal-2021-elem-product-result-card--checkbox-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 12px;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-elem-product-result-card--model {
  -webkit-flex-basis: 158px;
  -ms-flex-preferred-size: 158px;
  flex-basis: 158px;
}

.renewal-2021-elem-product-result-card--model__tag {
  font-size: 0;
  text-align: center;
}

.renewal-2021-elem-product-result-card--model__tag>span {
  font-size: 10px;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
  width: 48px;
  height: 20px;
  color: #fff;
  border-radius: 2px;
}

.renewal-2021-elem-product-result-card--model__tag .tag-recommend {
  background: #da2121;
}

.renewal-2021-elem-product-result-card--model__tag .tag-bargain {
  background: #ea7f14;
}

.renewal-2021-elem-product-result-card--model__tag .tag-recommend+.tag-bargain {
  margin-left: 5px;
}

.renewal-2021-elem-product-result-card--model__img {
  margin-top: 17px;
  margin-bottom: 5px;
  text-align: center;
}

.renewal-2021-elem-product-result-card--model__img img {
  width: auto;
  max-width: 105px;
  height: auto;
  max-height: 105px;
}

.renewal-2021-elem-product-result-card--model__name {
  line-height: 1;
}

.renewal-2021-elem-product-result-card--model ul {
  font-size: 12px;
  margin-top: 5px;
}

.renewal-2021-elem-product-result-card--detail {
  max-width: 352px;
  -webkit-flex-basis: 352px;
  -ms-flex-preferred-size: 352px;
  flex-basis: 352px;
}

.renewal-2021-elem-product-result-card--detail a {
  text-decoration: none;
  color: #0e47a1;
}

.renewal-2021-elem-product-result-card--detail a:hover {
  text-decoration: underline;
}

.renewal-2021-elem-product-result-card--detail__name {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  word-break: break-all;
}

.renewal-2021-elem-product-result-card--detail__txt {
  display: inherit !important;
  margin: 3px 0;
}

.renewal-2021-elem-product-result-card--detail__link-list li {
  position: relative;
}

.renewal-2021-elem-product-result-card--detail__link-list li a::before {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  content: "";
  background-image: url(/portal/common-dominant/img/components/product-search/icons/icon-arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

.renewal-2021-elem-product-result-card--detail__link-list li a[target="_blank"]::before {
  display: inline-block;
  margin-right: 5px;
  content: url(https://sub.idaten.ne.jp/portal/common/img/ico_window01.gif);
  background: none;
}

.renewal-2021-elem-product-result-card--detail ul {
  font-size: 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.renewal-2021-elem-product-result-card--detail ul li {
  margin-right: 10px;
}

.renewal-2021-elem-product-result-card--detail__desc {
  font-size: 10px;
  line-height: 1.3;
  overflow: hidden;
  margin-top: 10px;
  transition: all .3s ease-in;
}

.renewal-2021-elem-product-result-card--detail__desc div {
  overflow: hidden;
}

.renewal-2021-elem-product-result-card--detail__desc div p {
  font-size: 12px;
  line-height: 1.5;
  transition: all ease .3s;
  word-wrap: break-word;
  word-break: break-all;
}

.renewal-2021-elem-product-result-card--detail__desc .renewal-2021-elem-readmore {
  margin-top: 5px;
}

.renewal-2021-elem-product-result-card--detail__desc .renewal-2021-elem-readmore button {
  font-size: 12px;
  padding: 0;
  cursor: pointer;
  color: #0e47a1;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.renewal-2021-elem-product-result-card--price {
  line-height: 1.5;
  -webkit-flex-basis: 164px;
  -ms-flex-preferred-size: 164px;
  flex-basis: 164px;
}

.renewal-2021-elem-product-result-card--price .renewal-2021-popup-window {
  font-size: 12px;
}

.renewal-2021-elem-product-result-card--price__em-text {
  font-size: 12px;
  color: #c00;
}

.renewal-2021-elem-product-result-card--price__under-text {
  font-size: 12px;
  margin: 10px 0;
}

.renewal-2021-elem-product-result-card--price__under-text a {
  color: inherit;
}

.renewal-2021-elem-product-result-card--price__under-text span {
  display: block;
  margin-right: 1em;
}

.renewal-2021-elem-product-result-card--price__main {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-elem-product-result-card--price__stock {
  position: relative;
  text-align: center;
  -webkit-flex-basis: 72px;
  -ms-flex-preferred-size: 72px;
  flex-basis: 72px;
}

.renewal-2021-elem-product-result-card--price__stock p {
  margin-bottom: 5px;
}

.renewal-2021-elem-product-result-card--price__stock p .product-result-card--stock-quantity {
  font-weight: 700;
}

.renewal-2021-elem-product-result-card--price__stock p img {
  max-height: 40px;
}

.renewal-2021-elem-product-result-card--price__stock a {
  color: inherit;
}

.renewal-2021-elem-product-result-card--price__stock a+a {
  margin-bottom: 5px;
}

.renewal-2021-elem-product-result-card--price__stock .product-result-card--stock {
  font-size: 12px;
  margin-right: 10px;
  text-align: right;
}

.renewal-2021-elem-product-result-card--price__stock .product-result-card--stock__note {
  font-size: 10px;
}

.renewal-2021-elem-product-result-card--price__quantity {
  border-left: 1px solid #ccc;
  -webkit-flex-basis: 92px;
  -ms-flex-preferred-size: 92px;
  flex-basis: 92px;
}

.renewal-2021-elem-product-result-card--price__quantity .product-result-card--price-list {
  text-align: right;
}

.renewal-2021-elem-product-result-card--price__quantity .product-result-card--price-list__current-price {
  font-size: 16px;
  font-weight: 700;
  color: #c00;
}

.renewal-2021-elem-product-result-card--price__quantity .product-result-card--price-list__original-price {
  font-size: 12px;
}

.renewal-2021-elem-product-result-card--price__quantity .product-result-card--price-list__original-price[data-strikethrough="true"] {
  text-decoration: line-through;
}

.renewal-2021-elem-product-result-card--price__quantity .product-result-card--price-list__price-percent {
  font-size: 12px;
}

.renewal-2021-elem-product-result-card--price__quantity .form {
  text-align: right;
}

.renewal-2021-elem-product-result-card--price__quantity .form input[type="number"]::-webkit-outer-spin-button,
.renewal-2021-elem-product-result-card--price__quantity .form input[type="number"]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.renewal-2021-elem-product-result-card--price__quantity .form input[type="number"] {
  -moz-appearance: textfield;
}

.renewal-2021-elem-product-result-card--price__quantity .form input {
  width: 50px;
  height: 30px;
  padding-left: 5px;
  text-align: left;
  border: solid 1px #ccc;
}

.renewal-2021-elem-product-result-card--price__quantity .form input:focus {
  border: solid 2px #000;
  outline: none;
}

.renewal-2021-elem-product-result--banner-aria {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 36px;
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.renewal-2021-elem-product-result--banner-aria li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% / 4 - 10px * 3 / 4);
  border: 1px solid #ccc;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-elem-product-result--banner-aria li:not(:nth-child(4n)) {
  margin-right: 10px;
}

.renewal-2021-elem-product-result--banner-aria li:nth-child(n+5) {
  margin-top: 10px;
}

.renewal-2021-elem-product-result--banner-aria li a {
  height: auto;
}

/* -.renewal-2021-elem-product-result-card
*************************************************/

.renewal-2021-elem-pr>.renewal-2021-elem-pr-banner {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid #ccc;
}

.renewal-2021-elem-pr>.renewal-2021-elem-pr-banner:not(:first-child) {
  display: none;
}

.renewal-2021-elem-pr-banner img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* - .renewal-2021-side-column--solution-finder
*************************************************/

.renewal-2021-side-column--solution-finder .renewal-2021-elem-pic-block {
  margin-left: 10px;
}

/* - .renewal-2021-log-elem-log-list-border
*************************************************/

.renewal-2021-log-elem-pic-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ccc;
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.renewal-2021-log-elem-pic-block .pic-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -js-display: flex;
}

.renewal-2021-log-elem-pic-block .pic-flex:not(:last-child) {
  margin-bottom: 10px;
}

.renewal-2021-log-elem-pic-block .pic-container {
  margin-right: 10px;
}

.renewal-2021-log-elem-pic-block .pic-container img {
  max-width: 36px;
}

.renewal-2021-log-elem-pic-block .txt-container p {
  font-size: 10px;
}

.renewal-2021-log-elem-pic-block .txt-container a {
  font-size: 10px;
  display: block;
  max-width: 162px;
  word-break: break-all;
  color: #0e47a1;
}

.renewal-2021-log-elem-pic-block .txt-container a p {
  color: #0e47a1;
}

/* - .right-note
*************************************************/

.right-note {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  margin-bottom: 10px;
  margin-left: auto;
  -js-display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.right-note a {
  font-size: 12px;
  color: #000;
}

.right-note a::before {
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-right: 5px;
  content: "";
  background-image: url(https://sub.idaten.ne.jp/portal/common-tertiary/img/components/elem-txt-list/pagination/icon-arrow-forward.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

/* - renewal-2021-elem-event
*************************************************/

.renewal-2021-elem-event a {
  display: block;
  width: 100%;
  text-decoration: none;
}

.renewal-2021-elem-event a:hover .note {
  text-decoration: underline;
  -webkit-text-decoration-color: #0e47a1;
  text-decoration-color: #0e47a1;
}

.renewal-2021-elem-event-pic-block {
  position: relative;
  border: solid 1px #ccc;
}

.renewal-2021-elem-event-pic-block img {
  width: 100%;
}

.renewal-2021-elem-event-pic-block .pic-center--mask {
  position: absolute;
  top: 25%;
  display: block;
  width: 100%;
  padding: 5px 10px;
  text-align: center;
  background: rgba(51, 51, 51, .7);
}

.renewal-2021-elem-event-pic-block .pic-center--mask p {
  font-size: 14px;
  font-weight: 300;
  word-break: break-all;
  color: #fff;
}

.renewal-2021-elem-event-pic-block .pic-bottom--mask {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  text-align: center;
  background: rgba(51, 51, 51, .7);
}

.renewal-2021-elem-event-pic-block .pic-bottom--mask p {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.renewal-2021-elem-event-txt-block {
  padding: 10px;
}

.renewal-2021-elem-event-txt-block p {
  font-size: 12px;
  color: #000;
}

.renewal-2021-elem-event-txt-block .tag {
  font-size: 10px;
  font-weight: 300;
  padding: 5px 0;
}

.renewal-2021-elem-event-txt-block .tag span {
  padding: 5px;
  border: solid 1px #ccc;
}

.renewal-2021-elem-event-txt-block .note {
  margin-top: 5px;
  word-break: break-all;
  color: #0e47a1;
}

/* - .pc-hide
*************************************************/

.pc-hide {
  display: none !important;
}

/* - renewal-2021-recommend-card
*************************************************/

.renewal-2021-recommend-card:not(:last-child) {
  margin-right: 4px;
}

/* -.popup
*************************************************/

.popup {
  position: relative;
}

.renewal-2021-popup-window {
  position: absolute;
  z-index: 23;
  bottom: calc(100% + 20px);
  left: calc(50% - 14px);
  display: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 calc(8% - 4vw);
  padding: 16px;
  cursor: pointer;
  text-align: center;
  background: #fff;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-elem-product-result-bar .renewal-2021-popup-window {
  bottom: calc(100% + 20px);
  left: calc(50% - 35px);
}

.renewal-2021-elem-product-result-card--price .renewal-2021-popup-window {
  bottom: calc(100% + 20px);
  left: calc(50% - 21px);
}

html.ie .renewal-2021-elem-product-result-card--price .renewal-2021-popup-window {
  left: 38%;
}

.renewal-2021-popup-window[data-color="blue"] {
  border: solid 2px #0d46a0;
}

.renewal-2021-popup-window[data-color="blue"]::before {
  position: absolute;
  bottom: -35px;
  left: calc(50% - 7px);
  content: "";
  border-top: solid 15px #0d46a0;
  border-right: solid 7px transparent;
  border-bottom: solid 20px transparent;
  border-left: solid 7px transparent;
}

.renewal-2021-popup-window[data-color="blue"]::after {
  position: absolute;
  bottom: -30px;
  left: calc(50% - 7px);
  content: "";
  border-top: solid 15px #fff;
  border-right: solid 7px transparent;
  border-bottom: solid 20px transparent;
  border-left: solid 7px transparent;
}

.renewal-2021-popup-window[data-color="orange"] {
  border: solid 2px #f6b418;
}

.renewal-2021-popup-window[data-color="orange"]::before {
  position: absolute;
  bottom: -35px;
  left: 46%;
  content: "";
  border-top: solid 15px #f6b418;
  border-right: solid 7px transparent;
  border-bottom: solid 20px transparent;
  border-left: solid 7px transparent;
}

.renewal-2021-popup-window[data-color="orange"]::after {
  position: absolute;
  bottom: -30px;
  left: 46%;
  content: "";
  border-top: solid 15px #fff;
  border-right: solid 7px transparent;
  border-bottom: solid 20px transparent;
  border-left: solid 7px transparent;
}

.renewal-2021-popup-window img {
  width: 40px;
  margin-bottom: 10px;
}

.renewal-2021-popup-window .popup-txt {
  font-weight: 700;
  white-space: nowrap;
}

/* -.favorite
*************************************************/

.favorite {
  position: relative;
}

.favorite-add-menu {
  position: absolute;
  z-index: 1;
  top: 45px;
  right: 0;
  width: 290px;
  height: auto;
  padding: 10px;
  border: solid 2px #0e47a1;
  background: #fff;
}

.favorite-add-menu-form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.favorite-add-menu-form input {
  width: 200px;
  border: 2px solid #666;
  outline: none;
}

.favorite-add-menu-form-select {
  position: relative;
}

.favorite-add-menu-form select {
  width: 200px;
  height: 100%;
  border: 2px solid #666;
  outline: none;
}

.favorite-add-menu-form select::-ms-expand {
  border: 0;
  background: transparent;
}

.favorite-add-menu-form+.favorite-add-menu-form {
  margin-top: 10px;
}

.favorite-add-menu::before {
  position: absolute;
  bottom: 100%;
  left: calc((100% - 10px) / 3 + 50%);
  content: "";
  border-top: solid 20px transparent;
  border-right: solid 7px transparent;
  border-bottom: solid 15px #0e47a1;
  border-left: solid 7px transparent;
}

.favorite-add-menu::after {
  position: absolute;
  bottom: calc(100% - 5px);
  left: calc((100% - 10px) / 3 + 50%);
  content: "";
  border-top: solid 20px transparent;
  border-right: solid 7px transparent;
  border-bottom: solid 15px #fff;
  border-left: solid 7px transparent;
}

.favorite-add-menu.open {
  display: block;
}

.favorite-add-menu.close {
  display: none;
}

.favorite-add-menu ul {
  overflow-y: scroll;
  height: 90px;
}

.favorite-add-menu ul::-webkit-scrollbar {
  width: 4px;
}

.favorite-add-menu ul::-webkit-scrollbar-track {
  border: none;
  border-radius: 10px;
  background: #fff;
}

.favorite-add-menu ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #ccc;
  box-shadow: none;
}

.favorite-add-menu ul li:not(:last-child) {
  margin-bottom: 5px;
}

.favorite-add-menu ul li span {
  cursor: pointer;
  color: #0c46a0;
}

.favorite-add-menu ul li span:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #0c46a0;
  text-decoration-color: #0c46a0;
}

.favorite-add-menu .close-btn {
  position: absolute;
  top: 13px;
  right: 7px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-image: url(/portal/common-dominant/img/components/elem-side-colum-tab/close-btn.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.favorite-add-menu+.renewal-2021-popup-window {
  bottom: calc(100% + 20px);
  left: calc(50% - 28px);
}

.tooltip>div {
  position: relative;
}

.tooltip_content {
  font-size: 12px;
  position: absolute;
  z-index: 1;
  text-align: center;
  word-break: keep-all;
  color: #5f5656;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .32);
}

.tooltip_content p {
  padding: 16px;
}

.tooltip_content::before {
  position: absolute;
  bottom: 100%;
  left: 68px;
  content: "";
  pointer-events: none;
  border-width: 0 8.5px 8px 8.5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

/* -.table-set
*************************************************/

.table-set--scroll>div>div>div>div>p {
  display: none;
}

.table-set+.table-set,
.table-set+.table-set--scroll,
.table-set--scroll+.table-set,
.table-set--scroll+.table-set--scroll {
  margin-top: 30px;
}

.side-column-table-set {
  margin: 20px auto;
}

.side-column-table-set table th {
  padding: 7px 3px !important;
}

.side-column-table-set table th h3 {
  font-size: 1.143em;
}

.side-column-table-set table th p {
  font-size: .929em;
  font-weight: 400;
}

.side-column-table-set table td {
  font-size: .857em;
  padding: 7px !important;
}

.side-column-table-set table td p {
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
}

.table-set .table-container table,
.table-set--scroll .table-container table {
  width: 100%;
  border-top: solid 1px #e0e0e0;
  border-left: solid 1px #e0e0e0;
}

.table-set .table-container table[data-fixed-layout="true"],
.table-set--scroll .table-container table[data-fixed-layout="true"] {
  table-layout: fixed;
}

.table-set .table-container table th,
.table-set--scroll .table-container table th,
.table-set .table-container table td,
.table-set--scroll .table-container table td {
  padding: .75em 1em;
  text-align: left;
  border-right: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
  background-color: #fff;
}

.table-set .table-container table th.tb-wide-pad,
.table-set--scroll .table-container table th.tb-wide-pad,
.table-set .table-container table td.tb-wide-pad,
.table-set--scroll .table-container table td.tb-wide-pad {
  padding: 2em;
}

.table-set .table-container table th.tb-narrow-pad,
.table-set--scroll .table-container table th.tb-narrow-pad,
.table-set .table-container table td.tb-narrow-pad,
.table-set--scroll .table-container table td.tb-narrow-pad {
  padding: .5em;
}

.table-set .table-container table th.tb-lv1,
.table-set--scroll .table-container table th.tb-lv1,
.table-set .table-container table td.tb-lv1,
.table-set--scroll .table-container table td.tb-lv1 {
  background-color: #bcbdbe;
}

.table-set .table-container table th.tb-lv2,
.table-set--scroll .table-container table th.tb-lv2,
.table-set .table-container table td.tb-lv2,
.table-set--scroll .table-container table td.tb-lv2 {
  background-color: #edeeef;
}

.table-set .table-container table th.tb-lv3,
.table-set--scroll .table-container table th.tb-lv3,
.table-set .table-container table td.tb-lv3,
.table-set--scroll .table-container table td.tb-lv3 {
  background-color: #ffebee;
}

.table-set .table-container table th.tb-lv4,
.table-set--scroll .table-container table th.tb-lv4,
.table-set .table-container table td.tb-lv4,
.table-set--scroll .table-container table td.tb-lv4 {
  background-color: #fff;
}

.table-set .table-container table th.tb-lv5,
.table-set--scroll .table-container table th.tb-lv5,
.table-set .table-container table td.tb-lv5,
.table-set--scroll .table-container table td.tb-lv5 {
  background-color: #fff;
}

.table-set .table-container table th[data-bg-color="1"],
.table-set--scroll .table-container table th[data-bg-color="1"],
.table-set .table-container table td[data-bg-color="1"],
.table-set--scroll .table-container table td[data-bg-color="1"] {
  color: #fff;
  background-color: #174da7;
}

.table-set .table-container table th.txt-top,
.table-set--scroll .table-container table th.txt-top,
.table-set .table-container table td.txt-top,
.table-set--scroll .table-container table td.txt-top {
  vertical-align: top;
}

.table-set .table-container table th.txt-middle,
.table-set--scroll .table-container table th.txt-middle,
.table-set .table-container table td.txt-middle,
.table-set--scroll .table-container table td.txt-middle {
  vertical-align: middle;
}

.table-set .table-container table th.txt-bottom,
.table-set--scroll .table-container table th.txt-bottom,
.table-set .table-container table td.txt-bottom,
.table-set--scroll .table-container table td.txt-bottom {
  vertical-align: bottom;
}

.table-set .table-container table th.txt-left,
.table-set--scroll .table-container table th.txt-left,
.table-set .table-container table td.txt-left,
.table-set--scroll .table-container table td.txt-left {
  text-align: left;
}

.table-set .table-container table th.txt-center,
.table-set--scroll .table-container table th.txt-center,
.table-set .table-container table td.txt-center,
.table-set--scroll .table-container table td.txt-center {
  text-align: center;
}

.table-set .table-container table th.txt-right,
.table-set--scroll .table-container table th.txt-right,
.table-set .table-container table td.txt-right,
.table-set--scroll .table-container table td.txt-right {
  text-align: right;
}

.table-set .table-container table th [class^="elem"],
.table-set--scroll .table-container table th [class^="elem"],
.table-set .table-container table td [class^="elem"],
.table-set--scroll .table-container table td [class^="elem"] {
  margin: 2.143em auto;
}

.table-set .table-container table th [class^="elem"]:first-child,
.table-set--scroll .table-container table th [class^="elem"]:first-child,
.table-set .table-container table td [class^="elem"]:first-child,
.table-set--scroll .table-container table td [class^="elem"]:first-child {
  margin-top: 0;
}

.table-set .table-container table th [class^="elem"]:last-child,
.table-set--scroll .table-container table th [class^="elem"]:last-child,
.table-set .table-container table td [class^="elem"]:last-child,
.table-set--scroll .table-container table td [class^="elem"]:last-child {
  margin-bottom: 0;
}

.table-set .table-container table th br.sp-block,
.table-set--scroll .table-container table th br.sp-block,
.table-set .table-container table td br.sp-block,
.table-set--scroll .table-container table td br.sp-block {
  display: none;
}

.table-set .table-container table[data-font-size="small"] th p,
.table-set--scroll .table-container table[data-font-size="small"] th p,
.table-set .table-container table[data-font-size="small"] td p,
.table-set--scroll .table-container table[data-font-size="small"] td p {
  font-size: .857em;
  line-height: 1.5;
}

.table-set .table-container table[data-font-size="small"] th [class^="elem"],
.table-set--scroll .table-container table[data-font-size="small"] th [class^="elem"],
.table-set .table-container table[data-font-size="small"] td [class^="elem"],
.table-set--scroll .table-container table[data-font-size="small"] td [class^="elem"] {
  margin: .714em auto;
}

.table-set .table-container table[data-font-size="small"] th [class^="elem"]:first-child,
.table-set--scroll .table-container table[data-font-size="small"] th [class^="elem"]:first-child,
.table-set .table-container table[data-font-size="small"] td [class^="elem"]:first-child,
.table-set--scroll .table-container table[data-font-size="small"] td [class^="elem"]:first-child {
  margin-top: 0;
}

.table-set .table-container table[data-font-size="small"] th [class^="elem"]:last-child,
.table-set--scroll .table-container table[data-font-size="small"] th [class^="elem"]:last-child,
.table-set .table-container table[data-font-size="small"] td [class^="elem"]:last-child,
.table-set--scroll .table-container table[data-font-size="small"] td [class^="elem"]:last-child {
  margin-bottom: 0;
}

.table-set .table-container table[data-font-size="small"] .txt-list a,
.table-set--scroll .table-container table[data-font-size="small"] .txt-list a {
  font-size: .85em;
}

.table-set .table-container table[data-font-size="small"] .elem-btn>div>div>div>div a,
.table-set--scroll .table-container table[data-font-size="small"] .elem-btn>div>div>div>div a {
  font-size: .857em;
  line-height: 1.5;
}

.table-set .table-container table[data-font-size="small"] .elem-btn[data-size="verylow"]>div>div>div>div a,
.table-set--scroll .table-container table[data-font-size="small"] .elem-btn[data-size="verylow"]>div>div>div>div a {
  font-size: .7em;
  line-height: 1.5;
}

.trading-performance.table-set .table-container table th,
.trading-performance.table-set--scroll .table-container table th,
.trading-performance.table-set .table-container table td,
.trading-performance.table-set--scroll .table-container table td {
  font-size: .786em;
  padding: .4em;
  white-space: nowrap;
}

.table-set .table-container .favorite-table {
  -ms-word-break: break-all;
}

.table-set .table-container .favorite-table>tbody>tr>th {
  padding: .786em 1em;
  vertical-align: middle;
}

.table-set .table-container .favorite-table>tbody>tr>th>p+p {
  margin-top: 1em;
}

.table-set .table-container .favorite-table>tbody>tr>td {
  padding: .5em 1em;
  vertical-align: middle;
}

.chrome .table-set .table-container .favorite-table>tbody>tr>td,
.table-set .chrome .table-container .favorite-table>tbody>tr>td,
.safari .table-set .table-container .favorite-table>tbody>tr>td,
.table-set .safari .table-container .favorite-table>tbody>tr>td {
  position: relative;
}

.table-set .table-container .favorite-table>tbody>tr>td p {
  word-wrap: break-word;
  word-break: break-all;
}

.table-set .table-container .favorite-table>tbody>tr>td p a {
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
}

.table-set .table-container .favorite-table>tbody>tr>td p i::before {
  display: inline-block;
  vertical-align: middle;
}

.table-set .table-container .favorite-table>tbody>tr>td p i.icon-bang {
  padding-left: .357em;
}

.table-set .table-container .favorite-table>tbody>tr>td p i.icon-bang::before {
  height: 19px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/share/icons/icon-bang.svg);
}

.chrome .table-set .table-container .favorite-table>tbody>tr>td label,
.table-set .chrome .table-container .favorite-table>tbody>tr>td label,
.safari .table-set .table-container .favorite-table>tbody>tr>td label,
.table-set .safari .table-container .favorite-table>tbody>tr>td label {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.table-set .table-container .favorite-table>tbody>tr>td label input {
  cursor: pointer;
}

.chrome .table-set .table-container .favorite-table>tbody>tr>td label input,
.table-set .chrome .table-container .favorite-table>tbody>tr>td label input,
.safari .table-set .table-container .favorite-table>tbody>tr>td label input,
.table-set .safari .table-container .favorite-table>tbody>tr>td label input {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*	.content-slider
*************************************************/

.content-slider-wrapper {
  margin: 0 auto 2.041%;
}

.content-slider-wrapper .content-slider .item--slider.item--solution {
  width: 320px;
}

.content-slider-wrapper .content-slider[data-slider-column="2"] .sp-slides {
  margin-left: -175px;
}

.ie .content-slider-wrapper .content-slider[data-slider-column="2"] .sp-slides {
  -webkit-transform: translateX(-175px);
  -ms-transform: translateX(-175px);
  transform: translateX(-175px);
}

.content-slider-wrapper .content-slider[data-slider-column="2"] .sp-horizontal .sp-arrows {
  top: 280px;
  margin: 0;
}

.content-slider-wrapper .sp-previous-arrow::before,
.content-slider-wrapper .sp-previous-arrow::after,
.content-slider-wrapper .sp-next-arrow::before,
.content-slider-wrapper .sp-next-arrow::after {
  content: none;
}

.content-slider-wrapper .sp-arrow {
  width: 30px;
  height: 30px;
}

.content-slider-wrapper .sp-previous-arrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: no-repeat 0 0 url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/content-slider/arrow-prev.svg);
}

.content-slider-wrapper .sp-next-arrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: no-repeat 0 0 url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/content-slider/arrow-next.svg);
}

.content-slider-wrapper .sp-horizontal .sp-next-arrow {
  right: -15px;
}

.content-slider-wrapper .sp-horizontal .sp-previous-arrow {
  left: -15px;
}

.content-slider-wrapper .sp-button {
  width: 24px;
  height: 24px;
  margin: 20px;
  border: none;
  background-color: #e5e5e5;
}

.content-slider-wrapper .sp-selected-button {
  background-color: #404040;
}

.content-slider-wrapper .item--solution a {
  display: block;
  text-decoration: none;
  color: #444;
}

.content-slider-wrapper .item--solution .pic-container {
  position: relative;
}

.content-slider-wrapper .item--solution .pic-container .pic-label-bottom {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 .714em;
  background-color: rgba(0, 0, 0, .8);
  -webkit-backdrop-filter: blur(10px);
}

.content-slider-wrapper .item--solution .pic-container .pic-label-bottom p {
  text-align: center;
  color: #fff;
}

/*	.pickup-promotion-slider
*************************************************/

.pickup-promotion-slider .sp-slide {
  position: static;
}

/* -.color-frame-section
*************************************************/

.color-frame-section {
  margin: 40px auto;
}

.color-frame-section:first-child {
  margin-top: 0;
}

.color-frame-section:last-child {
  margin-bottom: 0;
}

.color-frame-section.mais>div>div {
  padding: 35px 60px;
}

.color-frame-section>div>div {
  padding: 20px 22px;
}

.color-frame-section>div>div>div>div {
  min-height: 90px;
}

.color-frame-section[data-border-radius="true"]>div {
  border-radius: 8px;
}

.color-frame-section[data-bg-color="0"]>div {
  background-color: #fff;
}

.color-frame-section[data-bg-color="1"]>div {
  background-color: #fdebee;
}

.color-frame-section[data-bg-color="2"]>div {
  background-color: #f0f0f0;
}

.color-frame-section[data-bg-color="3"]>div {
  background-color: #aaa;
}

.color-frame-section[data-bg-color="4"]>div {
  background-color: #bbb;
}

.color-frame-section[data-bg-color="5"]>div {
  background-color: #ccc;
}

.color-frame-section[data-bg-color="6"]>div {
  background-color: #ddd;
}

.color-frame-section[data-bg-color="7"]>div {
  background-color: #eee;
}

.color-frame-section[data-bg-color="8"]>div {
  background-color: #0c9;
}

.color-frame-section[data-bg-color="9"]>div {
  background-color: #0d47a1;
}

.color-frame-section[data-bg-color="0"][data-border="true"]>div {
  border-color: #e0e0e0;
}

.color-frame-section[data-bg-color="1"][data-border="true"]>div {
  border-color: #eee;
}

.color-frame-section[data-bg-color="2"][data-border="true"]>div {
  border-color: #ddd;
}

.color-frame-section[data-bg-color="3"][data-border="true"]>div {
  border-color: #ccc;
}

.color-frame-section[data-bg-color="4"][data-border="true"]>div {
  border-color: #bbb;
}

.color-frame-section[data-bg-color="5"][data-border="true"]>div {
  border-color: #aaa;
}

.color-frame-section[data-bg-color="6"][data-border="true"]>div {
  border-color: #999;
}

.color-frame-section[data-bg-color="7"][data-border="true"]>div {
  border-color: #888;
}

.color-frame-section[data-bg-color="8"][data-border="true"]>div {
  border-color: #b2b2b2;
}

.color-frame-section[data-bg-color="9"][data-border="true"]>div {
  border-color: #82b1ff;
}

.color-frame-section[data-border="true"]>div {
  border: solid 1px;
}

/* -.relevant-container
*************************************************/

.relevant-container {
  margin: 40px auto;
}

.relevant-container>div {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 22px;
}

.relevant-container>div>div {
  padding: 20px 22px;
}

.relevant-container>div>div>div>div {
  min-height: 90px;
}

.relevant-container[data-bg-color="1"]>div>div {
  background-color: #888;
}

.relevant-container[data-bg-color="2"]>div>div {
  background-color: #999;
}

.relevant-container[data-bg-color="3"]>div>div {
  background-color: #aaa;
}

.relevant-container[data-bg-color="4"]>div>div {
  background-color: #bbb;
}

.relevant-container[data-bg-color="5"]>div>div {
  background-color: #ccc;
}

.relevant-container[data-bg-color="6"]>div>div {
  background-color: #ddd;
}

.relevant-container[data-bg-color="7"]>div>div {
  background-color: #eee;
}

.relevant-container[data-bg-color="8"]>div>div {
  background-color: #0c9;
}

.relevant-container[data-bg-color="9"]>div>div {
  background-color: #0d47a1;
}

.relevant-container[data-bg-color="1"][data-border="true"]>div>div {
  border-color: #eee;
}

.relevant-container[data-bg-color="2"][data-border="true"]>div>div {
  border-color: #ddd;
}

.relevant-container[data-bg-color="3"][data-border="true"]>div>div {
  border-color: #ccc;
}

.relevant-container[data-bg-color="4"][data-border="true"]>div>div {
  border-color: #bbb;
}

.relevant-container[data-bg-color="5"][data-border="true"]>div>div {
  border-color: #aaa;
}

.relevant-container[data-bg-color="6"][data-border="true"]>div>div {
  border-color: #999;
}

.relevant-container[data-bg-color="7"][data-border="true"]>div>div {
  border-color: #888;
}

.relevant-container[data-bg-color="8"][data-border="true"]>div>div {
  border-color: #b2b2b2;
}

.relevant-container[data-bg-color="9"][data-border="true"]>div>div {
  border-color: #82b1ff;
}

.relevant-container[data-border="true"]>div>div {
  border: solid 1px;
}

/* -.site-simple-area-footer
*******************************************/

.site-simple-area-footer>div {
  background: #424242;
}

.site-simple-area-footer>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 25px 22px 60px;
}

.site-simple-area-footer>div>div>div>div {
  text-align: center;
}

.site-simple-area-footer small {
  color: #fff;
}

/* -.site-area-footer
*******************************************/

.site-area-footer .footer-navigation-block>div {
  color: #fff;
  border-bottom: solid 1px #606060;
  background-color: #424242;
}

.site-area-footer .footer-navigation-block>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 40px 22px;
}

.site-area-footer .footer-navigation-block>div>div>div {
  margin: 0 -.714em;
}

.site-area-footer .footer-navigation-block>div>div>div>div {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.site-area-footer .footer-navigation-block [class^="column"] {
  display: table-cell;
  padding: 0 .714em;
  vertical-align: top;
}

.site-area-footer .footer-navigation-block [class^="column"]>dl>dt a {
  cursor: default;
  pointer-events: none;
}

.site-area-footer .footer-navigation-block [class^="column"]>dl>dt a:hover {
  text-decoration: none;
}

.site-area-footer .footer-navigation-block [class^="column"]>dl>dd>dl>dt {
  font-size: .857em;
  cursor: pointer;
}

.site-area-footer .footer-navigation-block [class^="column"]>dl>dd>dl>dt.inactive a:hover {
  text-decoration: none;
}

.site-area-footer .footer-navigation-block [class^="column"]>dl>dd>dl>dt[class$="active"] {
  display: inline-block;
  vertical-align: middle;
}

.site-area-footer .footer-navigation-block [class^="column"]>dl>dd>dl>dd {
  display: none;
  padding-left: 1.429em;
}

.site-area-footer .footer-navigation-block [class^="column"]>dl>dd>dl>dd>ul>li {
  font-size: .857em;
}

.site-area-footer .footer-navigation-block [class^="column"] ul li {
  margin-top: .071em;
}

.site-area-footer .footer-navigation-block dl {
  margin: 0 auto;
}

.site-area-footer .footer-navigation-block dl dd {
  margin: 0 auto;
}

.site-area-footer .footer-floor-block>div {
  background-color: #424242;
}

.site-area-footer .footer-floor-block>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 25px 22px;
}

.site-area-footer .footer-floor-block .sp-block {
  display: block;
}

.site-area-footer .footer-floor-block .icon-sp::before {
  display: inline-block;
  width: 20px;
  height: 18px;
  margin-right: 2.4%;
  margin-bottom: -.143em;
  content: "";
  background: url(https://sub.idaten.ne.jp/portal/common-dominant/img/share/icons/icon-sp.svg) no-repeat;
  background-size: cover;
}

.site-area-footer .footer-floor-block ul {
  margin: 0 auto 30px;
  text-align: center;
}

.site-area-footer .footer-floor-block ul li {
  display: inline-block;
  vertical-align: top;
}

.site-area-footer .footer-floor-block ul li:first-child::before {
  content: none;
}

.site-area-footer .footer-floor-block ul li::before {
  padding: 0 5px;
  content: "\FF5C";
  color: #fff;
}

.site-area-footer .footer-floor-block ul li a {
  text-decoration: underline;
}

.site-area-footer .footer-floor-block ul li a:hover {
  text-decoration: none;
}

.site-area-footer .footer-floor-block small {
  display: block;
  text-align: center;
  color: #fff;
}

.site-area-footer a {
  text-decoration: none;
  color: #fff;
}

.site-area-footer a:hover {
  text-decoration: underline;
}

/* -.renewal-2021-site-area-header
*******************************************/

.renewal-2021-site-area-header {
  position: relative;
  z-index: 22;
  box-sizing: border-box;
  margin: auto;
  border-bottom: solid 2px #0e47a1;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
}

.renewal-2021-site-area-header * {
  box-sizing: border-box;
}

.renewal-2021-site-area-header .sp-primary-button {
  display: none;
}

.renewal-2021-site-area-header .topnav {
  font-size: 11px;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
}

.renewal-2021-site-area-header .topnav a {
  color: #333;
}

.renewal-2021-site-area-header .topnav-name a {
  color: #0e47a1;
}

.renewal-2021-site-area-header .topnav .sp-block {
  display: none;
}

.renewal-2021-site-area-header .topnav>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  width: 1280px;
  margin: auto;
  padding: 0 36px;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .topnav-menu-help {
  cursor: pointer;
}

.renewal-2021-site-area-header .topnav-menu ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-site-area-header .topnav-menu ul li {
  position: relative;
  padding-left: 12px;
}

.renewal-2021-site-area-header .topnav-menu ul li a {
  vertical-align: sub;
}

.renewal-2021-site-area-header .topnav-menu ul li:not(:last-child) {
  padding-right: 12px;
  border-right: solid 1px #eee;
}

.renewal-2021-site-area-header .topnav-menu ul li:first-child a img {
  margin-left: 4px;
  vertical-align: sub;
}

.ie .renewal-2021-site-area-header .topnav-menu ul li:first-child a {
  width: auto;
}

.renewal-2021-site-area-header .inquiry-column {
  position: absolute;
  z-index: 20;
  top: calc(100% + 15px);
  right: 0;
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 30px 22px;
  color: #fff;
  border-radius: 8px;
  background: #212121;
}

.renewal-2021-site-area-header .inquiry-column.this_active {
  display: block;
}

.renewal-2021-site-area-header .inquiry-column::before {
  position: absolute;
  right: 56px;
  bottom: 100%;
  content: "";
  pointer-events: none;
  border-width: 0 8.5px 8px 8.5px;
  border-style: solid;
  border-color: transparent transparent #212121 transparent;
}

.renewal-2021-site-area-header .inquiry-column .icon-help::before {
  display: inline-block;
  height: 27px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/icons/icon-help.svg);
  vertical-align: middle;
}

.renewal-2021-site-area-header .inquiry-column .icon-freedial::before {
  display: inline-block;
  height: 30px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/icons/icon-freedial.svg);
  vertical-align: middle;
}

.renewal-2021-site-area-header .inquiry-column .icon-mail-contact::before {
  display: inline-block;
  height: 27px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/icons/icon-mail-contact.svg);
  vertical-align: middle;
}

.renewal-2021-site-area-header .inquiry-column .icon-parson::before {
  display: inline-block;
  height: 27px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/icons/icon-person.svg);
  vertical-align: middle;
}

.renewal-2021-site-area-header .inquiry-column-item {
  font-size: 14px;
}

.renewal-2021-site-area-header .inquiry-column-item:not(:last-child) {
  margin-bottom: 20px;
}

.renewal-2021-site-area-header .inquiry-column-item h3 {
  font-size: 20px;
  font-weight: 700;
}

.renewal-2021-site-area-header .inquiry-column-item p {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .inquiry-column-item p a {
  color: #fff;
}

.renewal-2021-site-area-header .inquiry-column-item p i+a {
  margin-left: 10px;
}

.renewal-2021-site-area-header .inquiry-column-item li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border: none;
  -js-display: flex;
}

.renewal-2021-site-area-header .inquiry-column-item-detail {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-site-area-header .inquiry-column-item-detail p:nth-child(n+2) {
  margin-left: 20px;
}

.renewal-2021-site-area-header .inquiry-column-item-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-site-area-header .inquiry-column-item-block-devide:nth-child(n+2) {
  margin-left: 10px;
}

.renewal-2021-site-area-header .inquiry-column-item-freedial {
  font-size: 14px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .inquiry-column-item-freedial p {
  font-weight: 700;
}

.renewal-2021-site-area-header .inquiry-column-item-freedial i+p {
  margin-left: 10px;
}

.renewal-2021-site-area-header .inquiry-column-item-freedial-detail {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-site-area-header .inquiry-column-item-freedial-detail p:nth-child(n+2) {
  margin-left: 10px;
}

.renewal-2021-site-area-header .topsearch {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  width: 1280px;
  margin: auto;
  padding: 13px 36px 0;
  -js-display: flex;
  -webkit-justify-content: start;
  justify-content: start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .topsearch .search-area,
.renewal-2021-site-area-header .topsearch .cart-button {
  position: relative;
  margin-left: 13px;
}

.renewal-2021-site-area-header .topsearch .site-logo {
  max-width: 220px;
}

.renewal-2021-site-area-header .topsearch .site-logo img {
  max-width: 220px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.renewal-2021-site-area-header .topsearch .site-logo img:hover {
  transition: opacity .25s ease;
  opacity: .8;
}

.renewal-2021-site-area-header .topsearch .search-area-form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  border-top: 2px solid #0e47a1;
  border-bottom: 2px solid #0e47a1;
  border-left: 2px solid #0e47a1;
  border-radius: 5px;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  width: 150px;
  height: 26px;
  padding-left: 15px;
  border: none;
  border-right: 1px solid #a1a1a1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  outline: none;
  background-color: #eee;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-button::after {
  display: block;
  width: 7px;
  height: 7px;
  margin-right: 13px;
  content: "";
  -webkit-transform: rotate(45deg) translateY(-25%);
  -ms-transform: rotate(45deg) translateY(-25%);
  transform: rotate(45deg) translateY(-25%);
  color: #333;
  border-right: solid 2px;
  border-bottom: solid 2px;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  display: none;
  width: 748px;
  padding: 10px 17px 17px 17px;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .24);
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner.this_active {
  display: block;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner a {
  font-size: 14px;
  font-weight: 700;
  color: #0e47a1;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner-item-column {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  -js-display: flex;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner-item-column ul {
  margin-right: 22px;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner-item-column ul li a {
  font-size: 12px;
  font-weight: 300;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 2.5px 0;
  text-decoration: none;
  color: #333;
  -js-display: flex;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner-item-column ul li a::before {
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-right: 5px;
  content: "";
  background-image: url(https://sub.idaten.ne.jp/portal/common-tertiary/img/components/elem-txt-list/pagination/icon-arrow-forward.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner-item-column ul li a:hover {
  font-weight: 700;
  background-color: #eee;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner-item:first-child {
  width: 494px;
  border-right: 1px solid #eee;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner-item:last-child {
  padding-left: 10px;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner-item:last-child li {
  margin-bottom: 10px;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner-item:last-child li:last-child {
  margin: 0;
}

.renewal-2021-site-area-header .topsearch .search-area-form-pulldown-inner-item:last-child a {
  font-size: 14px;
  font-weight: 700;
  color: #0e47a1;
}

.renewal-2021-site-area-header .topsearch .search-area-form-input-search {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  padding-left: 8px;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .topsearch .search-area-form-input-search input {
  font-size: 12px;
  width: 380px;
  border: 0;
}

.renewal-2021-site-area-header .topsearch .search-area-form-input-search input:focus {
  outline: none;
}

.renewal-2021-site-area-header .topsearch .search-area-form-input-search input::-webkit-input-placeholder {
  color: transparent;
}

.renewal-2021-site-area-header .topsearch .search-area-form-input-search input:-ms-input-placeholder {
  color: transparent;
}

.renewal-2021-site-area-header .topsearch .search-area-form-input-search input::placeholder {
  color: transparent;
}

.renewal-2021-site-area-header .topsearch .search-area-form-input-option {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  padding-left: 8px;
  border-left: 2px solid #0e47a1;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .topsearch .search-area-form-input-option input {
  font-size: 12px;
  width: 150px;
  border: 0;
}

.renewal-2021-site-area-header .topsearch .search-area-form-input-option input:focus {
  outline: none;
}

.renewal-2021-site-area-header .topsearch .search-area-form-submit {
  font-weight: 700;
  width: 110px;
  height: inherit;
  margin-left: auto;
  color: #fff;
  border-radius: 0 5px 5px 0;
  background-color: #0e47a1;
}

.renewal-2021-site-area-header .topsearch .search-area-form-submit button {
  width: 100%;
  height: inherit;
  border: 0;
  background: none;
}

.renewal-2021-site-area-header .topsearch .search-area-select {
  display: none;
}

.renewal-2021-site-area-header .topsearch .search-area-add {
  display: none;
}

.renewal-2021-site-area-header .topsearch.logout {
  -ms-flex-pack: justify;
  padding: 13px 36px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.renewal-2021-site-area-header .topsearch.logout input {
  width: 247px;
}

.renewal-2021-site-area-header .topsearch.logout .search-area-form {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
}

.renewal-2021-site-area-header .topsearch.logout .search-area-form-input-search input::-webkit-input-placeholder {
  color: #ccc;
}

.renewal-2021-site-area-header .topsearch.logout .search-area-form-input-search input:-ms-input-placeholder {
  color: #ccc;
}

.renewal-2021-site-area-header .topsearch.logout .search-area-form-input-search input::placeholder {
  color: #ccc;
}

.renewal-2021-site-area-header .topsearch.logout .search-area-form-submit {
  background-color: #666;
}

.renewal-2021-site-area-header .topsearch.logout .catchcopy {
  font-size: 12px;
  margin-left: 20px;
}

.renewal-2021-site-area-header .topsearch.logout .about-link {
  font-size: 16px;
  font-weight: 700;
}

.renewal-2021-site-area-header .topsearch.logout .about-link a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #0e47a1;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .topsearch.logout .about-link a::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  content: "";
  background: url(/portal/common-dominant/img/components/site-header/icons/renewal-2021/icon-help.svg);
}

.renewal-2021-site-area-header .topsearch .cart-button {
  font-weight: 700;
  position: relative;
  width: 147px;
  height: 30px;
  color: #333;
  border-radius: 5px;
  background-color: #f6b418;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
}

.renewal-2021-site-area-header .topsearch .cart-button .content-number {
  font-weight: 100;
  position: absolute;
  top: -9px;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  width: 18px;
  height: 18px;
  padding-left: 1px;
  color: #fff;
  border-radius: 50%;
  background-color: #f6453b;
  -js-display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .topsearch .cart-button button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: inherit;
  padding: 6px 8px;
  border: 0;
  background: none;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .topsearch .cart-button button span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .topsearch .cart-button button span::before {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  content: "";
  background-image: url(/portal/common-dominant/img/components/site-header/icons/renewal-2021/icon-cart.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.renewal-2021-site-area-header .topsearch .cart-button button span::after {
  display: block;
  width: 7px;
  height: 7px;
  margin-left: 7px;
  content: "";
  -webkit-transform: rotate(45deg) translateY(-25%);
  -ms-transform: rotate(45deg) translateY(-25%);
  transform: rotate(45deg) translateY(-25%);
  color: inherit;
  border-right: solid 2px;
  border-bottom: solid 2px;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart {
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  z-index: 1;
  top: calc(100% + 6px);
  right: 0;
  display: none;
  width: 340px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .24);
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart.this_active {
  display: block;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-arrow {
  position: absolute;
  bottom: 100%;
  width: 100%;
  height: 12px;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-arrow::before {
  position: absolute;
  z-index: 1;
  right: 30px;
  content: "";
  border: 6px solid transparent;
  border-bottom: 6px solid #fff;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-inner {
  padding: 10px 20px;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-total {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  margin-bottom: 8px;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-total-price span {
  font-size: 16px;
  font-weight: 700;
  color: #c00;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-product-list {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-product {
  font-size: 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  -js-display: flex;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-product-img {
  width: 100%;
  max-width: 60px;
  height: 100%;
  max-height: 60px;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-product-img img {
  max-width: 60px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-product-info {
  margin-left: 10px;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-product-name a {
  color: #0e47a1;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-product-state {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  margin-top: 10px;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-product-price span {
  font-size: 14px;
  font-weight: 700;
  color: #c00;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-latest {
  font-size: 12px;
  width: 100%;
  margin-top: 10px;
}

.renewal-2021-site-area-header .topsearch .nav-dropdown-cart-latest p {
  text-align: center;
}

.renewal-2021-site-area-header .global-nav {
  width: 1280px;
  margin: auto;
  padding: 10px 36px;
}

.renewal-2021-site-area-header .global-nav .pc-none {
  display: none !important;
}

.renewal-2021-site-area-header .global-nav .icon--pc>div span {
  position: relative;
}

.renewal-2021-site-area-header .global-nav .icon--pc>div span::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 17px;
  height: 15px;
  margin-bottom: -.143em;
  margin-left: 2.4%;
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/global-navigation/icons/icon-pc--fff.svg) no-repeat;
  background-size: cover;
}

.renewal-2021-site-area-header .global-nav .icon--pc>div span a {
  padding-right: 17px;
}

.renewal-2021-site-area-header .global-nav-area {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.renewal-2021-site-area-header .global-nav-area .search-category {
  width: 214px;
}

.renewal-2021-site-area-header .global-nav-area .search-category .renewal-2021-elem-btn button {
  padding: 5px 20px;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre {
  width: 720px;
  height: 33px;
  margin-left: 10px;
  border-radius: 5px;
  background-color: #333;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-main {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-main-item {
  width: calc(100% / 3);
  transition: .3s ease-in-out;
  text-align: center;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-main-item.nav-genre-sp-hide {
  display: none;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-main-item:hover {
  background-color: #555;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-main-item:first-child:hover {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-main-item:nth-child(n + 3) a::after {
  content: none;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-main-item:nth-child(n + 3):hover {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-main-item a {
  position: relative;
  display: block;
  height: 100%;
  padding: 5px 0;
  text-decoration: none;
  color: #fff;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-main-item a::after {
  position: absolute;
  top: 30%;
  right: 0;
  width: 1px;
  height: 12px;
  content: "";
  background-color: #fff;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub {
  position: absolute;
  left: 0;
  display: none;
  width: 1208px;
  padding: 10px 0;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub-column {
  width: 25%;
  border-right: 1px solid #e4e4e4;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub-column:last-child {
  border: none;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub-column-item:nth-child(n+2) {
  margin-top: 15px;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub-column-item li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub-column-item .renewal-2021-recommend-card {
  margin-right: 4px;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub-column>.nav-genre-sub-column-item>a {
  font-size: 14px;
  font-weight: 700;
  padding: 0 0 0 10px;
  pointer-events: none;
  color: #0e47a1;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub.this_active {
  display: block;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub ul li {
  font-size: 12px;
  width: 100%;
  text-align: left;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub ul li a {
  width: 100%;
  padding: 0 0 0 10px;
  padding: 2.5px 0 2.5px 10px;
  color: #333;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub ul li a::after {
  content: none;
}

.renewal-2021-site-area-header .global-nav-area .nav-genre-sub ul li:hover {
  font-weight: 700;
  text-decoration: none;
  border-radius: 0;
  background-color: #eee;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-myaccount {
  position: absolute;
  left: 0;
  display: none;
  width: 1208px;
  padding: 10px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .24);
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-myaccount>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-myaccount-column {
  width: calc(100% / 4);
  border-right: 1px solid #e4e4e4;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-myaccount-column:last-child {
  border: none;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-myaccount-column-item:nth-child(n+2) {
  margin-top: 15px;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-myaccount-column>.nav-dropdown-myaccount-column-item>a {
  font-size: 14px;
  font-weight: 700;
  padding-left: 10px;
  pointer-events: none;
  color: #0e47a1;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-myaccount.this_active {
  display: block;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-myaccount ul li {
  width: 100%;
  text-align: left;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-myaccount ul li a {
  font-size: 12px;
  font-weight: 300;
  display: block;
  padding: 2.5px 0 2.5px 10px;
  text-decoration: none;
  color: #333;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-myaccount ul li a:hover {
  font-weight: 700;
  background-color: #eee;
}

.renewal-2021-site-area-header .global-nav-area .nav-button-myaccount {
  margin-left: 10px;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.renewal-2021-site-area-header .global-nav-area .nav-button-shop {
  margin-left: 10px;
}

.renewal-2021-site-area-header .global-nav-area .nav-button-shop button {
  padding: 4px 15px;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-shop {
  position: absolute;
  left: 0;
  display: none;
  width: 1208px;
  padding: 10px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .24);
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-shop>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-shop-column {
  width: calc(100% / 4);
  border-right: 1px solid #e4e4e4;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-shop-column:last-child {
  border: none;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-shop-column-item:nth-child(n+2) {
  margin-top: 15px;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-shop-column>.nav-dropdown-shop-column-item>a {
  font-size: 14px;
  font-weight: 700;
  padding-left: 10px;
  pointer-events: none;
  color: #0e47a1;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-shop.this_active {
  display: block;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-shop ul li {
  width: 100%;
  text-align: left;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-shop ul li a {
  font-size: 12px;
  font-weight: 300;
  display: block;
  padding: 2.5px 0 2.5px 10px;
  text-decoration: none;
  color: #333;
}

.renewal-2021-site-area-header .global-nav-area .nav-dropdown-shop ul li a:hover {
  font-weight: 700;
  background-color: #eee;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category {
  font-size: 12px;
  position: absolute;
  z-index: 4;
  top: 100%;
  left: 0;
  display: none;
  width: 238px;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .24);
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category>ul {
  margin: 5px 0;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category>ul .nav-dropdown-category-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category>ul .nav-dropdown-category-item>a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 2.5px 10px;
  text-decoration: none;
  color: #333;
  -js-display: flex;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category>ul .nav-dropdown-category-item>a:hover {
  font-weight: 700;
  background-color: #eee;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category>ul .nav-dropdown-category-item>a::before {
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-right: 10px;
  content: "";
  background-image: url(https://sub.idaten.ne.jp/portal/common-tertiary/img/components/elem-txt-list/pagination/icon-arrow-forward.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category.this_active {
  display: block;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category .sub-category {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  width: 970px;
  min-height: 100%;
  padding: 30px;
  border-right: 1px solid #eee;
  background-color: #fff;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category .sub-category span {
  font-size: 16px;
  font-weight: 700;
  color: #0e47a1;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category .sub-category ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category .sub-category ul li {
  width: calc(100% / 3 - 30px * 2 / 3);
  margin-right: 30px;
  padding: 3px 0;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category .sub-category ul li:nth-child(3n) {
  margin-right: 0;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category .sub-category ul a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-decoration: none;
  color: #333;
  -js-display: flex;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category .sub-category ul a:hover {
  font-weight: 700;
  background-color: #eee;
}

.renewal-2021-site-area-header .global-nav .nav-dropdown-category .sub-category.this_active {
  display: block;
}

.renewal-2021-site-area-header .global-nav .renewal-2021-recommend-card:not(:last-child) {
  margin-right: 4px;
}

.nav-dropdown-overlay {
  position: fixed;
  z-index: 21;
  top: 0;
  left: 0;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .4);
}

.nav-dropdown-overlay.this_active {
  display: block;
}

/* -renewal-2021site-area-footer
*******************************************/

.renewal-2021-site-area-footer {
  font-size: 12px;
  min-width: 1280px;
  text-align: left;
  color: #fff;
}

.renewal-2021-site-area-footer a:link {
  text-decoration: none;
}

.renewal-2021-site-area-footer a:hover {
  text-decoration: underline;
}

.renewal-2021-site-area-footer .inquiry-column {
  padding: 30px 0;
  background: #212121;
}

.renewal-2021-site-area-footer .inquiry-column-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  width: 1208px;
  margin: auto;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.renewal-2021-site-area-footer .inquiry-column-item {
  width: calc((100% - 80px) / 3);
}

.renewal-2021-site-area-footer .inquiry-column-item h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.renewal-2021-site-area-footer .inquiry-column-item-product {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.renewal-2021-site-area-footer .inquiry-column-item-photo img {
  width: 18px;
}

.renewal-2021-site-area-footer .inquiry-column-item-information {
  margin-left: 10px;
}

.renewal-2021-site-area-footer .inquiry-column-item-information p:not(:last-child) {
  padding-bottom: 5px;
}

.renewal-2021-site-area-footer .inquiry-column-item-information .mail a {
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  color: #fff;
}

.renewal-2021-site-area-footer .inquiry-column-item-information .tel {
  font-size: 20px;
  font-weight: 700;
}

.renewal-2021-site-area-footer .inquiry-column-item-information .tel a {
  color: #fff;
}

.renewal-2021-site-area-footer .inquiry-column-item-freedial {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-footer .inquiry-column-item-freedial p {
  font-size: 20px;
  font-weight: 700;
  margin-left: 8px;
}

.renewal-2021-site-area-footer .inquiry-column-item-freedial p a {
  color: #fff;
}

.renewal-2021-site-area-footer .inquiry-column-item-hour-info {
  margin-bottom: 10px;
}

.renewal-2021-site-area-footer .inquiry-column-item-hour-info li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-footer .inquiry-column-item-hour-info li:not(:last-child) {
  margin-bottom: 5px;
}

.renewal-2021-site-area-footer .inquiry-column-item-hour-info li p {
  min-width: 60px;
}

.renewal-2021-site-area-footer .inquiry-column-item-hour-info li p:last-child {
  margin-left: 15px;
}

.renewal-2021-site-area-footer .inquiry-column-item-hour-info li p a {
  color: #fff;
}

.renewal-2021-site-area-footer .inquiry-column-item-guide-link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-footer .inquiry-column-item-guide-link p:not(:last-child) {
  margin-right: 10px;
}

.renewal-2021-site-area-footer .inquiry-column-item-guide-link p a {
  margin-left: 10px;
  color: #fff;
}

.renewal-2021-site-area-footer .inquiry-column-item-user li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  -js-display: flex;
}

.renewal-2021-site-area-footer .inquiry-column-item-user li p:first-child {
  width: 50px;
  margin-right: 10px;
}

.renewal-2021-site-area-footer .inquiry-column-item-user li a {
  color: #fff;
}

.renewal-2021-site-area-footer .inquiry-column-item-user .name {
  margin-right: 5px;
}

.renewal-2021-site-area-footer .inquiry-column-item-user .id {
  margin-right: 15px;
  margin-left: 5px;
}

.renewal-2021-site-area-footer .inquiry-column-item-user .mail {
  margin-left: 5px;
}

.renewal-2021-site-area-footer .link-column {
  padding: 30px 0;
  background: #666;
}

.renewal-2021-site-area-footer .link-column-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  width: 1208px;
  margin: auto;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.renewal-2021-site-area-footer .link-column-item {
  width: calc((100% - 80px) / 3);
}

.renewal-2021-site-area-footer .link-column-item-sns li {
  line-height: 1;
}

.renewal-2021-site-area-footer .link-column-item-sns li a {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renewal-2021-site-area-footer .link-column-item-sns li a img {
  width: 24px;
  margin-right: 5px;
}

.renewal-2021-site-area-footer .link-column h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.renewal-2021-site-area-footer .link-column h3:nth-of-type(n + 2) {
  margin-top: 20px;
}

.renewal-2021-site-area-footer .link-column ul li:not(:last-child) {
  margin-bottom: 5px;
}

.renewal-2021-site-area-footer .link-column ul li a {
  color: #fff;
}

.renewal-2021-site-area-footer .sp-under-column {
  display: none;
  padding: 15px 20px;
  background: #424242;
}

.renewal-2021-site-area-footer .sp-under-column[data-color="white"] {
  display: block;
  background: #fff;
}

.renewal-2021-site-area-footer .sp-under-column[data-color="white"] .sp-under-column-copyright {
  color: #000;
}

.renewal-2021-site-area-footer .sp-under-column-btn {
  margin-bottom: 15px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}

.renewal-2021-site-area-footer .sp-under-column-btn a {
  font-size: 14px;
  display: block;
  padding: 14px;
  text-align: center;
  text-decoration: none;
  color: #444;
}

.renewal-2021-site-area-footer .sp-under-column-linklist {
  font-size: 12px;
  margin-bottom: 15px;
}

.renewal-2021-site-area-footer .sp-under-column-linklist li a {
  text-decoration: underline;
  color: #fff;
}

.renewal-2021-site-area-footer .sp-under-column-linklist li a[target="_blank"] {
  padding-right: 0;
}

.renewal-2021-site-area-footer .sp-under-column-linklist li a[target="_blank"]::after {
  content: "";
}

.renewal-2021-site-area-footer .sp-under-column-copyright {
  font-size: 12px;
  display: block;
  text-align: center;
}

.renewal-2021-site-area-footer .icon-freedial::before {
  display: inline-block;
  height: 30px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/icons/icon-freedial.svg);
  vertical-align: middle;
}

.renewal-2021-site-area-footer .icon-mail-contact::before {
  display: inline-block;
  height: 27px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/icons/icon-mail-contact.svg);
  vertical-align: middle;
}

.renewal-2021-site-area-footer .icon-help::before {
  display: inline-block;
  height: 27px;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/icons/icon-help.svg);
  vertical-align: middle;
}

/* renewal-2021-elem-inquiry-section
*************************************************/

.renewal-2021-elem-inquiry-section a[target="_blank"] {
  padding: 0;
}

.renewal-2021-elem-inquiry-section[data-status="logout"]>div {
  background: #466671 no-repeat 50% 50% url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/bg-inquiry.jpg);
  background-size: cover;
}

.renewal-2021-elem-inquiry-section[data-status="logout"]>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 45px 22px 30px;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .elem-heading-lv2[data-heading-type="1"] .heading-container .title-holder:after {
  background-color: #fff;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .elem-heading-lv2[data-heading-type="1"] .heading-container .title-holder h2 {
  color: #fff;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .elem-heading-lv2[data-heading-type="1"] .heading-container .title-holder h2 span {
  font-size: 2em;
  line-height: 1.45;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .renewal-2021-elem-inquiry-horizontal>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -js-display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .renewal-2021-elem-inquiry-horizontal .item--inquiry {
  display: inline-block;
  vertical-align: top;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .renewal-2021-elem-inquiry-horizontal .item--inquiry a {
  display: block;
  text-decoration: none;
  color: #fff;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .renewal-2021-elem-inquiry-horizontal .item--inquiry a:focus .txt-container p,
.renewal-2021-elem-inquiry-section[data-status="logout"] .renewal-2021-elem-inquiry-horizontal .item--inquiry a:hover .txt-container p {
  text-decoration: underline;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .renewal-2021-elem-inquiry-horizontal .item--inquiry a .pic-container {
  overflow: hidden;
  width: 190px;
  height: 190px;
  border-radius: 50%;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .renewal-2021-elem-inquiry-horizontal .item--inquiry a .pic-container img {
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .renewal-2021-elem-inquiry-horizontal .item--inquiry a .txt-container {
  margin-top: 1em;
  text-align: center;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .renewal-2021-elem-inquiry-horizontal .item--inquiry a .txt-container p {
  line-height: 1.45;
}

.renewal-2021-elem-inquiry-section[data-status="logout"] .renewal-2021-elem-inquiry-annotation {
  font-size: .929em;
  margin-top: 20px;
  color: #fff;
}

/* renewal-2021-elem-breadcrumbs
*************************************************/

.renewal-2021-elem-breadcrumbs.pc-none {
  display: none;
}

.renewal-2021-elem-breadcrumbs>div {
  padding: .5em 0 .357em;
  background-color: #fff;
}

.renewal-2021-elem-breadcrumbs>div>div {
  width: 1208px;
  margin: auto;
}

.renewal-2021-elem-breadcrumbs .root-directory div.path {
  font-size: .929em;
  display: inline-block;
  vertical-align: top;
}

.renewal-2021-elem-breadcrumbs .root-directory div.path>a {
  vertical-align: middle;
  color: #444;
}

.renewal-2021-elem-breadcrumbs .root-directory div.path.current>a {
  cursor: default;
  text-decoration: none;
  pointer-events: none;
}

.renewal-2021-elem-breadcrumbs .root-directory div.path.current>a>span {
  font-weight: 700;
}

.renewal-2021-elem-breadcrumbs .root-directory div.path.current::after {
  content: none;
}

.renewal-2021-elem-breadcrumbs .root-directory div.path::after {
  padding: 0 .071em 0 .357em;
  content: "\FF1E";
  vertical-align: middle;
  color: inherit;
}

.renewal-2021-elem-breadcrumbs .root-directory div.directory {
  display: inline-block;
  vertical-align: top;
}

.renewal-2021-elem-breadcrumbs ul li {
  font-size: .929em;
  display: inline-block;
  vertical-align: top;
}

.renewal-2021-elem-breadcrumbs ul li:first-child a>span {
  display: none;
}

.renewal-2021-elem-breadcrumbs ul li.current a {
  cursor: default;
  text-decoration: none;
  pointer-events: none;
}

.renewal-2021-elem-breadcrumbs ul li.current a>div span {
  font-weight: 700;
}

.renewal-2021-elem-breadcrumbs ul li.current::after {
  content: none;
}

.renewal-2021-elem-breadcrumbs ul li::after {
  padding: 0 .357em;
  content: "\FF1E";
  vertical-align: middle;
  color: #444;
}

.renewal-2021-elem-breadcrumbs ul li a {
  display: inline-block;
  vertical-align: middle;
  color: #444;
}

.renewal-2021-sticky-block {
  display: none;
}

/* -.inquiry-section
*************************************************/

.inquiry-section[data-status="logout"]>div {
  background: #466671 no-repeat 50% 50% url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/bg-inquiry.jpg);
  background-size: cover;
}

.inquiry-section[data-status="logout"]>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 45px 22px 30px;
}

.inquiry-section[data-status="logout"] .inquiry-horizontal>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -js-display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.inquiry-section[data-status="logout"] .inquiry-horizontal .item--inquiry {
  display: inline-block;
  vertical-align: top;
}

.inquiry-section[data-status="logout"] .inquiry-horizontal .item--inquiry a {
  display: block;
  text-decoration: none;
  color: #fff;
}

.inquiry-section[data-status="logout"] .inquiry-horizontal .item--inquiry a:focus .txt-container p,
.inquiry-section[data-status="logout"] .inquiry-horizontal .item--inquiry a:hover .txt-container p {
  text-decoration: underline;
}

.inquiry-section[data-status="logout"] .inquiry-horizontal .item--inquiry a .pic-container {
  overflow: hidden;
  width: 190px;
  height: 190px;
  border-radius: 50%;
}

.inquiry-section[data-status="logout"] .inquiry-horizontal .item--inquiry a .pic-container img {
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.inquiry-section[data-status="logout"] .inquiry-horizontal .item--inquiry a .txt-container {
  margin-top: 1em;
  text-align: center;
}

.inquiry-section[data-status="logout"] .inquiry-horizontal .item--inquiry a .txt-container p {
  line-height: 1.45;
}

.inquiry-section[data-status="logout"] .inquiry-annotation {
  font-size: .929em;
  margin-top: 20px;
  color: #fff;
}

.inquiry-section[data-status="login"]>div {
  color: #fff;
  background-color: #212121;
}

.inquiry-section[data-status="login"]>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 30px 22px 50px;
}

.help-balloon-container .inquiry-section[data-status="login"]>div>div {
  min-width: 0;
  max-width: none;
}

.inquiry-section[data-status="login"]>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.help-balloon-container .inquiry-section[data-status="login"]>div>div>div>div {
  display: block;
}

.inquiry-section[data-status="login"] .item--column {
  width: 47.959%;
  -ms-flex: 0 1 auto;
}

.help-balloon-container .inquiry-section[data-status="login"] .item--column {
  width: 100%;
}

.help-balloon-container .inquiry-section[data-status="login"] .item--column:nth-child(n+2) {
  margin-top: 1.786em;
}

.inquiry-section[data-status="login"] .item--column:nth-child(n+3) {
  margin-top: 1.786em;
}

.inquiry-section[data-status="login"] .item--column ul {
  display: table;
}

.inquiry-section[data-status="login"] .item--column ul li {
  display: table-row;
}

.inquiry-section[data-status="login"] .item--column ul li p {
  display: table-cell;
}

.inquiry-section[data-status="login"] .item--column ul li p:first-child {
  padding-right: 1em;
  white-space: nowrap;
}

.inquiry-section[data-status="login"] .item--column .container {
  padding: 0 1em;
}

.inquiry-section[data-status="login"] .item--column .partial-divide {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ie9 .help-balloon-container .inquiry-section[data-status="login"] .item--column .partial-divide {
  display: table;
  width: 100%;
}

.inquiry-section[data-status="login"] .item--column .partial-divide .item--divide+.item--divide {
  padding-left: 1em;
}

.inquiry-section[data-status="login"] .item--column .partial-divide .item--divide .email--information-block {
  font-size: 1.429em;
}

.inquiry-section[data-status="login"] .item--column .partial-divide .item--divide .tel-number--information-block {
  font-size: 2em;
  line-height: 1.25;
}

.ie9 .help-balloon-container .inquiry-section[data-status="login"] .item--column .partial-divide .item--divide {
  display: table-cell;
}

.inquiry-section[data-status="login"] .item--column .freedial--information-block .icon-freedial::before {
  display: inline-block;
  height: 31px;
  margin-right: 1em;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/icons/icon-freedial.svg);
  vertical-align: middle;
}

.inquiry-section[data-status="login"] .item--column .freedial--information-block .tel-number {
  font-size: 2.429em;
  vertical-align: middle;
}

.inquiry-section[data-status="login"] .item--column .horizontal-line--information-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: .714em;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ie9 .help-balloon-container .inquiry-section[data-status="login"] .item--column .horizontal-line--information-block {
  display: table;
  width: 100%;
}

.inquiry-section[data-status="login"] .item--column .horizontal-line--information-block .contact--information-block {
  white-space: nowrap;
}

.ie9 .help-balloon-container .inquiry-section[data-status="login"] .item--column .horizontal-line--information-block .contact--information-block {
  display: table-cell;
}

.inquiry-section[data-status="login"] .item--column .horizontal-line--information-block .contact--information-block .icon-mail-contact::before {
  display: inline-block;
  height: 27px;
  margin-right: 1em;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/icons/icon-mail-contact.svg);
  vertical-align: middle;
}

.inquiry-section[data-status="login"] .item--column .horizontal-line--information-block .contact--information-block span {
  vertical-align: middle;
}

.inquiry-section[data-status="login"] .item--column .horizontal-line--information-block .help--information-block {
  margin-left: 1.571em;
  white-space: nowrap;
}

.inquiry-section[data-status="login"] .item--column .horizontal-line--information-block .help--information-block .icon-help::before {
  display: inline-block;
  height: 27px;
  margin-right: 1em;
  content: url(https://sub.idaten.ne.jp/portal/common-dominant/img/components/inquiry-section/icons/icon-help.svg);
  vertical-align: middle;
}

.inquiry-section[data-status="login"] .item--column .horizontal-line--information-block .help--information-block span {
  vertical-align: middle;
}

.inquiry-section[data-status="login"] .item--column .user--information-block li[role="presentation"] {
  height: 1em;
}

.inquiry-section[data-status="login"] .item--column a {
  color: #fff;
}

/* -.side-column-tab
*************************************************/

.side-column-tab .side-column-tab-list li {
  display: inline-block;
  width: 50%;
  vertical-align: bottom;
  border: solid 1px #e8e8e8;
}

.side-column-tab .side-column-tab-list li.active {
  border: none;
}

.side-column-tab .side-column-tab-list li.active a {
  padding-top: 13px;
  cursor: default;
  pointer-events: none;
  color: #fff;
  background-color: #212121;
}

.side-column-tab .side-column-tab-list li+li {
  border-left: none;
}

.side-column-tab .side-column-tab-list li a {
  display: block;
  padding-top: 8px;
  padding-bottom: 10px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
}

.side-column-tab .side-column-tab-list li a:hover {
  color: #fff;
  background-color: #555;
}

.side-column-tab .tab-body {
  padding: 5px 0;
}

/* -.bnr-aggregate-section
*************************************************/

.bnr-aggregate-section>div {
  border-top: solid 1px #bdbdbd;
  background-color: #f0f0f0;
}

.bnr-aggregate-section>div>div {
  min-width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  padding: 3.071em 22px;
}

.bnr-aggregate-section ul {
  margin: -20px -10px 0;
}

.bnr-aggregate-section ul>li {
  display: inline-block;
  margin: 20px 10px 0;
  vertical-align: top;
}

.bnr-aggregate-section ul>li a {
  display: inline-block;
  vertical-align: middle;
}

.bnr-aggregate-section ul>li a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* -.favorite-checkbox-block
*************************************************/

.favorite-checkbox-block {
  border-top: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
}

html:not(.ie9) .favorite-checkbox-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.ie9 .favorite-checkbox-block {
  display: table;
  width: 100%;
}

.favorite-checkbox-block+.favorite-checkbox-block {
  margin-top: .714em;
}

.favorite-checkbox-block .check-area {
  position: relative;
  width: 3.214em;
  border-bottom: solid 1px #e0e0e0;
  border-left: solid 1px #e0e0e0;
}

.ie9 .favorite-checkbox-block .check-area {
  display: table-cell;
}

.favorite-checkbox-block .check-area label {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
}

.favorite-checkbox-block .check-area label input {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ie9 .favorite-checkbox-block .check-area label input {
  top: 138px;
}

.favorite-checkbox-block .favorite-contents-area {
  padding: 1em;
  border-bottom: solid 1px #e0e0e0;
  border-left: solid 1px #e0e0e0;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex: 0 1 auto;
}

html:not(.ie9) .favorite-checkbox-block .favorite-contents-area {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.ie9 .favorite-checkbox-block .favorite-contents-area {
  display: table-cell;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents-left-area {
  width: 65.517%;
}

.ie9 .favorite-checkbox-block .favorite-contents-area .favorite-contents-left-area {
  float: left;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents-right-area {
  width: 31.034%;
}

.ie9 .favorite-checkbox-block .favorite-contents-area .favorite-contents-right-area {
  float: right;
}

.favorite-checkbox-block .favorite-contents-area [class^="favorite-contents--"]+[class^="favorite-contents--"] {
  margin-top: .714em;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li {
  display: inline-block;
  vertical-align: top;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li+li {
  margin-left: .714em;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span {
  font-size: .857em;
  display: inline-block;
  padding: 0 1em;
  vertical-align: middle;
  color: #fff;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span.recommend {
  background-color: #f54337;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span.hot {
  background-color: #f29538;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span[data-color="00"] {
  background-color: #e63838;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span[data-color="01"] {
  background-color: #e97e14;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span[data-color="03"] {
  background-color: #8a8a8a;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span[data-color="04"] {
  background-color: #278cc8;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span[data-color="05"] {
  background-color: #636;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span[data-color="06"] {
  background-color: #ff7eff;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span[data-color="07"] {
  background-color: #e97e14;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span[data-color="08"] {
  background-color: #000;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span[data-color="09"] {
  background-color: #4acc59;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list ul li span[data-color="10"] {
  background-color: #f44336;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--list+.favorite-contents {
  margin-top: 10px;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a {
  display: table;
  width: 100%;
  text-decoration: none;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a:hover .txt-container {
  display: table-cell;
  padding-left: 1em;
  vertical-align: middle;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a:hover .txt-container p.title {
  text-decoration: underline;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .pic-container {
  display: table-cell;
  width: 117px;
  vertical-align: top;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .pic-container .holder {
  border: solid 1px #e0e0e0;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .pic-container .holder img {
  width: 115px;
  height: 115px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container {
  display: table-cell;
  padding-left: 1em;
  vertical-align: middle;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.model-number span {
  color: #444;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.title {
  margin-top: 3px;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.title span {
  font-size: 1.143em;
  line-height: 1.25;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.catch {
  line-height: 1.5;
  margin-top: 5px;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.catch mark {
  color: #f54337;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.special-price {
  margin-top: 2px;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.special-price span {
  font-size: 1.714em;
  white-space: nowrap;
  color: #f54337;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.stock i::before {
  display: inline-block;
  vertical-align: middle;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.stock i.icon-bang {
  padding-right: 5px;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.stock i.icon-bang::before {
  height: 19px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/share/icons/icon-bang.svg);
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.stock span {
  font-size: .929em;
  vertical-align: middle;
  color: #444;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents a .txt-container p.stock mark {
  color: #f54337;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--catch p {
  line-height: 1.5;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--catch p mark {
  color: #f54337;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--picture a {
  display: table;
  width: 100%;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--picture a .pic-container {
  display: table-cell;
  width: 64px;
  vertical-align: middle;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--picture a .pic-container .holder {
  border: solid 1px #e0e0e0;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--picture a .pic-container .holder img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--picture a .txt-container {
  display: table-cell;
  padding-left: 1em;
  vertical-align: middle;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--picture a .txt-container span {
  font-size: 1.286em;
  line-height: 1.25;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--price p.upper span {
  white-space: nowrap;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--price p.upper span.special-price {
  font-size: 1.714em;
  color: #f54337;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--price p.upper span.price {
  font-size: 1.143em;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--price p.lower {
  font-size: .929em;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--popup {
  position: relative;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--popup .connote-btn button {
  width: 100%;
  transition: background-color .5s ease, color .5s ease;
  border: solid 1px #e0e0e0;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--popup .connote-btn button:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, .72);
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart [class^="connote"]+[class^="connote"] {
  margin-top: .714em;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-input {
  text-align: right;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-input label {
  display: inline-block;
  vertical-align: middle;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-input label span {
  display: inline-block;
  vertical-align: middle;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-input label span.label {
  font-size: 1.143em;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-input label span.connote-input {
  max-width: 60px;
  height: 30px;
  margin-left: .714em;
  padding: 0 .714em;
  border: solid 1px #e0e0e0;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-input label span.connote-input input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-input label span.connote-input input:invalid {
  box-shadow: none;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-btn button {
  width: 100%;
  transition: box-shadow .5s ease-out;
  background: linear-gradient(to bottom, #f7ce1a, #ef790f);
  background-color: #f6b418;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .32);
}

.ie .favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-btn button {
  background: -ms-linear-gradient(top, #f7ce1a, #ef790f);
}

.firefox .favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-btn button {
  background: -moz-linear-gradient(top, #f7ce1a, #ef790f);
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-btn button:hover {
  box-shadow: 0 0 0 transparent;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-btn button i::before {
  display: inline-block;
  vertical-align: middle;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-btn button i.icon-cart::before {
  height: 23px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/favorite-checkbox-block/icon-cart.svg);
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-btn button span {
  vertical-align: middle;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-btn button span span:first-child {
  display: inline;
}

.favorite-checkbox-block .favorite-contents-area .favorite-contents--cart .connote-btn button span span:last-child {
  display: none;
}

.favorite-checkbox-block .favorite-contents-area button {
  font-size: 1.143em;
  height: 42px;
  border: none;
  border-radius: 6px;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* -.favorite-popup
*************************************************/

.favorite-popup {
  position: absolute;
  z-index: 1;
  right: 0;
  display: none;
  width: 155%;
  box-shadow: 0 0 12px rgba(0, 0, 0, .32);
}

.favorite-popup::before {
  position: absolute;
  z-index: 1;
  top: -7px;
  left: 50%;
  width: 15px;
  height: 8px;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: no-repeat 0 0 url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/favorite-popup/arrow-top.svg);
}

.favorite-popup>div {
  border: solid 1px #e0e0e0;
  background: #fff;
}

.favorite-popup>div>div {
  padding: 20px 25px;
}

/* -.item--bargain-sale
*************************************************/

.item--bargain-sale>div {
  padding: .714em;
  border: solid 1px #e0e0e0;
  border-radius: 8px;
  background-color: #fff;
}

.item--bargain-sale>div>a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.item--bargain-sale>div>a:hover .bargain-sale--head .txt-container .lower p {
  text-decoration: underline;
}

.item--bargain-sale .bargain-sale--head {
  margin: 0 auto .714em;
}

.item--bargain-sale .bargain-sale--head .pic-container .holder {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -js-display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.item--bargain-sale .bargain-sale--head .pic-container .holder>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  width: 117px;
  height: 117px;
  border: solid 1px #e0e0e0;
  -js-display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.item--bargain-sale .bargain-sale--head .pic-container .holder img {
  max-height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.item--bargain-sale .bargain-sale--head .pic-container+[class$="container"] {
  margin-top: .714em;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span {
  font-size: .857em;
  display: inline-block;
  overflow: hidden;
  max-width: 123px;
  padding: 0 1em;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  color: #fff;
}

.dis-recommend-product-slider .item--bargain-sale .bargain-sale--head .txt-container .upper span {
  max-width: 107px;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="1"] {
  background-color: #f29538;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="2"] {
  background-color: #4576ce;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="3"] {
  background-color: #f44336;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="4"] {
  background-color: #3f3f3f;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="5"] {
  background-color: #4acc59;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="6"] {
  background-color: #f9f;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="00"] {
  background-color: #e63838;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="01"] {
  background-color: #e97e14;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="03"] {
  background-color: #8a8a8a;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="04"] {
  background-color: #278cc8;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="05"] {
  background-color: #636;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="06"] {
  background-color: #ff7eff;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="07"] {
  background-color: #e97e14;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="08"] {
  background-color: #000;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="09"] {
  background-color: #4acc59;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper span[data-color="10"] {
  background-color: #f44336;
}

.item--bargain-sale .bargain-sale--head .txt-container .upper+.lower {
  margin-top: .214em;
}

.item--bargain-sale .bargain-sale--head .txt-container .lower p {
  font-size: .929em;
  line-height: 1.35;
  color: #0d46a0;
}

.item--bargain-sale .bargain-sale--head .txt-container+[class$="container"] {
  margin-top: .571em;
}

.item--bargain-sale .bargain-sale--body {
  margin: .714em auto 0;
}

.item--bargain-sale .bargain-sale--body [class^="bargain-sale--body"]+[class^="bargain-sale--body"] {
  margin-top: .714em;
}

.item--bargain-sale .bargain-sale--body [class^="bargain-sale--body"] p {
  font-size: .929em;
}

.item--bargain-sale .bargain-sale--body .bargain-sale--body-upper p {
  line-height: 1.45;
  color: #f74239;
}

.item--bargain-sale .bargain-sale--body .bargain-sale--body-lower p.price,
.item--bargain-sale .bargain-sale--body .bargain-sale--body-lower p.special-price {
  font-size: 1.714em;
  line-height: 1.35;
}

.item--bargain-sale .bargain-sale--body .bargain-sale--body-lower p.special-price {
  color: #f74239;
}

.item--bargain-sale .bargain-sale--body .bargain-sale--body-lower p.stock {
  font-size: .857em;
}

.item--bargain-sale .bargain-sale--body .bargain-sale--body-lower p:last-child {
  margin-top: .143em;
}

.item--bargain-sale .bargain-sale--foot {
  margin: .714em auto 0;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-upper .connote-btn button,
.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-middle .connote-btn button {
  border: solid 1px #e0e0e0;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-upper .connote-btn button:hover,
.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-middle .connote-btn button:hover {
  color: #fff;
  background: rgba(0, 0, 0, .72);
}

.item--bargain-sale .bargain-sale--foot [class^="bargain-sale--foot"]+[class^="bargain-sale--foot"] {
  margin-top: .5em;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-upper {
  position: relative;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-upper .bargain-sale-popup {
  position: absolute;
  z-index: 1;
  right: 0;
  display: none;
  width: 112%;
  margin-right: -5.5%;
  -webkit-transform: translateX(5%);
  -ms-transform: translateX(5%);
  transform: translateX(5%);
  box-shadow: 0 0 12px rgba(0, 0, 0, .32);
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-upper .bargain-sale-popup::before {
  position: absolute;
  z-index: 1;
  top: -7px;
  left: 50%;
  width: 15px;
  height: 8px;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: no-repeat 0 0 url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/bargain-sale-popup/arrow-top.svg);
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-upper .bargain-sale-popup>div {
  border: solid 1px #e0e0e0;
  background: #fff;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-upper .bargain-sale-popup .bargain-sale-popup-list {
  padding: .714em;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-upper .bargain-sale-popup .bargain-sale-popup-list>li {
  font-size: .857em;
  position: relative;
  padding-left: 1.167em;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-upper .bargain-sale-popup .bargain-sale-popup-list>li::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: "\25A0";
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-lower .bargain-sale--foot-lower-container {
  display: table;
  width: 100%;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-lower .bargain-sale--foot-lower-container .column {
  display: table-cell;
  width: 99%;
  padding-left: .714em;
  vertical-align: middle;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-lower .bargain-sale--foot-lower-container .column:first-child {
  width: 1%;
  padding-left: 0;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-lower label {
  display: table;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-lower label span {
  font-size: .857em;
  display: table-cell;
  padding-right: .714em;
  vertical-align: middle;
  white-space: nowrap;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-lower label .connote-input {
  display: table-cell;
  min-width: 50px;
  max-width: 50px;
  padding: 0 .714em;
  vertical-align: middle;
  border: solid 1px #e0e0e0;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-lower label .connote-input input {
  font-size: .857em;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-lower .connote-btn button {
  background: linear-gradient(to bottom, #f7ce1a, #ef790f);
  background-color: #f6b418;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .32);
}

.ie .item--bargain-sale .bargain-sale--foot .bargain-sale--foot-lower .connote-btn button {
  background: -ms-linear-gradient(top, #f7ce1a, #ef790f);
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-lower .connote-btn button:hover {
  box-shadow: 0 0 0 transparent;
}

.item--bargain-sale .bargain-sale--foot .bargain-sale--foot-lower .connote-btn button .icon-cart::before {
  height: 18px;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/favorite-checkbox-block/icon-cart.svg);
}

.item--bargain-sale .bargain-sale--foot .connote-btn button {
  font-size: .857em;
  padding: 0;
  transition: background-color .5s ease, box-shadow .5s ease, color .5s ease;
  border-radius: 5px;
}

.item--bargain-sale .bargain-sale--foot .connote-btn i::before {
  display: inline-block;
  vertical-align: middle;
}

.item--bargain-sale .bargain-sale--foot input,
.item--bargain-sale .bargain-sale--foot button {
  display: block;
  width: 100%;
  height: 30px;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* -.dsf-dialog
*************************************************/

.dsf-dialog {
  margin: 40px auto;
}

.dsf-dialog>div {
  border: solid 2px;
}

.dsf-dialog>div>div {
  padding: .714em;
}

.dsf-dialog[data-dialog="0"]>div {
  border-color: #ff7869;
  background-color: #fbe9e7;
}

.dsf-dialog[data-dialog="0"]>div p {
  color: #ff2e17;
}

.dsf-dialog[data-dialog="1"]>div {
  border-color: #e3b600;
  background-color: #fbf7e7;
}

.dsf-dialog[data-dialog="1"]>div p {
  color: #ffd117;
}

.dsf-dialog[data-dialog="2"]>div {
  border-color: #22e300;
  background-color: #eafbe7;
}

.dsf-dialog[data-dialog="2"]>div p {
  color: #3aff17;
}

.dsf-dialog[data-dialog="3"]>div {
  border-color: #6987ff;
  background-color: #e7ebfb;
}

.dsf-dialog[data-dialog="3"]>div p {
  color: #1745ff;
}

.dsf-dialog p {
  font-size: 1.286em;
  text-align: center;
}

.dsf-dialog p br {
  display: none;
}

/* -.dsf-recommendation-block
*************************************************/

.dsf-recommendation-block {
  margin: 30px auto 60px;
}

.dsf-recommendation-block>div {
  border-bottom: solid 1px #bdbdbd;
}

.dsf-recommendation-block .recommendation-block {
  padding: .714em 0;
  border-top: solid 1px #bdbdbd;
}

.dsf-recommendation-block .recommendation-block:first-child .icontainer span {
  color: #fe3c00;
}

.dsf-recommendation-block .recommendation-block:nth-child(2) .icontainer span {
  color: #6739b6;
}

.dsf-recommendation-block .recommendation-block:nth-child(3) .icontainer span {
  color: #00968a;
}

.dsf-recommendation-block .recommendation-block>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.dsf-recommendation-block .recommendation-block .heading {
  -webkit-flex-basis: 150px;
  -ms-flex-preferred-size: 150px;
  flex-basis: 150px;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.dsf-recommendation-block .recommendation-block .icontainer {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex: 1 1 auto;
}

.dsf-recommendation-block .recommendation-block .icontainer span {
  display: inline-block;
  min-width: 115px;
  padding: 0 1em;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  border: solid 1px #e0e0e0;
  border-radius: 4px;
}

/* -.dsf-solution-step-flow-block-container
*************************************************/

/* -.dsf-sticky-anchor-nav
*************************************************/

.dsf-sticky-anchor-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.dsf-sticky-anchor-nav.this-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.dsf-sticky-anchor-nav>div {
  border-bottom: solid 1px #d9d9d9;
  background-color: rgba(0, 0, 0, .68);
  -webkit-backdrop-filter: blur(3px);
}

.dsf-sticky-anchor-nav>div>div {
  padding: 10px 0 11px;
}

.dsf-sticky-anchor-nav>div>div>div>div {
  text-align: center;
}

.dsf-sticky-anchor-nav .sticky-anchor-nav {
  display: inline-table;
  vertical-align: middle;
  border-top: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
}

.dsf-sticky-anchor-nav .sticky-anchor-nav>li {
  display: table-cell;
  vertical-align: middle;
  border-bottom: solid 1px #e0e0e0;
  border-left: solid 1px #e0e0e0;
  background: #fff;
}

.dsf-sticky-anchor-nav .sticky-anchor-nav>li a {
  font-size: .857em;
  display: block;
  min-width: 120px;
  padding: 7px 1em;
  text-decoration: none;
  color: #444;
}

.dsf-sticky-anchor-nav .sticky-anchor-nav>li a.current,
.dsf-sticky-anchor-nav .sticky-anchor-nav>li a:focus,
.dsf-sticky-anchor-nav .sticky-anchor-nav>li a:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, .72);
}

.dsf-anchor-flag {
  position: relative;
  display: block;
}

/* -.dsf-solution-searcher
*************************************************/

/* -.dsf-download-table
*************************************************/

.dsf-search-result-area-controller+.dsf-download-table {
  margin-top: 120px;
}

.dsf-download-table>div {
  position: relative;
}

.dsf-download-table .sticky-table-head {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -100px;
  transition: -webkit-transform .35s ease-out;
  transition: transform .35s ease-out;
  transition: transform .35s ease-out, -webkit-transform .35s ease-out;
}

.ie .dsf-download-table .sticky-table-head,
.firefox .dsf-download-table .sticky-table-head {
  margin-top: -102px;
}

.dsf-download-table .sticky-table-head.this-hide {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.dsf-download-table .sticky-table-head.this-active {
  position: fixed;
  margin-top: 0;
}

.ie .dsf-download-table .sticky-table-head.this-active,
.firefox .dsf-download-table .sticky-table-head.this-active {
  margin-top: 0;
}

.dsf-download-table .sticky-table-head.this-active>div>div {
  min-width: 920px;
  max-width: 920px;
  margin: 0 auto;
}

.dsf-download-table .sticky-table-head+.download-table--body {
  margin-top: 100px;
}

.ie .dsf-download-table .sticky-table-head+.download-table--body,
.firefox .dsf-download-table .sticky-table-head+.download-table--body {
  margin-top: 102px;
}

.dsf-download-table [class^="download-table"] {
  width: 100%;
  border-top: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
}

.dsf-download-table [class^="download-table"] thead {
  text-align: center;
}

.dsf-download-table [class^="download-table"] thead th,
.dsf-download-table [class^="download-table"] thead td {
  border-left: solid 1px #e0e0e0;
}

.dsf-download-table [class^="download-table"] thead th br,
.dsf-download-table [class^="download-table"] thead td br {
  display: none;
}

.dsf-download-table [class^="download-table"] thead th {
  padding: 1em 0;
  color: #fff;
  border-bottom: solid 1px #e0e0e0;
  background-color: #333;
}

.dsf-download-table [class^="download-table"] thead td {
  background-color: #f4f4f4;
}

.dsf-download-table [class^="download-table"] tbody {
  padding-top: 98px;
}

.dsf-download-table [class^="download-table"] tbody tr:nth-child(odd) td {
  text-align: center;
}

.dsf-download-table [class^="download-table"] tbody tr:nth-child(odd) td:first-child {
  padding: .5em 1.286em;
  text-align: left;
  background-color: #e2e2e2;
}

.dsf-download-table [class^="download-table"] tbody tr:nth-child(even) td {
  padding: .5em 1.286em;
}

.dsf-download-table [class^="download-table"] tbody td {
  padding: .571em 0;
  border-bottom: solid 1px #e0e0e0;
  border-left: solid 1px #e0e0e0;
}

.dsf-download-table [class^="download-table"] tbody td .vendor {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dsf-download-table label {
  display: block;
  cursor: pointer;
}

.dsf-download-table label span {
  display: block;
  padding: .857em 0;
}

.dsf-download-table input[type="checkbox"] {
  padding: 0;
}

/* -.dsf-square-btn
*************************************************/

/* -.dsf-rectangle-btn
*************************************************/

/* -.dsf-search-result-area-controller
*************************************************/

/* -.dsf-search-result-area
*************************************************/

.dsf-search-result-area {
  margin: 0 auto 45px;
}

.dsf-search-result-area.portrait>div>div>div>div {
  margin: 0 -.543%;
}

.dsf-search-result-area.portrait .item--search-result {
  float: left;
  width: 32.258%;
  margin: 0 .538%;
}

.dsf-search-result-area.portrait .item--search-result:nth-child(3n+1) {
  clear: left;
}

.dsf-search-result-area.portrait .item--search-result:nth-child(n+4) {
  margin-top: 1.183%;
}

.dsf-search-result-area.portrait .item--search-result>div {
  padding: 6.667% 5% 5%;
}

html:not(.ie9) .dsf-search-result-area.portrait .item--search-result>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  -js-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.dsf-search-result-area.portrait .item--search-result .pair-block--positive .pic-container+.txt-container {
  margin-top: 15px;
}

.dsf-search-result-area.portrait .item--search-result .pair-block--positive .txt-container ul li span {
  max-width: 270px;
}

.dsf-search-result-area.portrait .item--search-result .pair-block--negative {
  padding-top: 15px;
}

.dsf-search-result-area.landscape .item--search-result>div {
  padding: 2.717% 2.717% 1.739%;
}

.dsf-search-result-area.landscape .item--search-result+.item--search-result {
  margin-top: 1.087%;
}

.dsf-search-result-area.landscape .item--search-result .pair-block--positive {
  float: left;
  width: 66.667%;
}

.dsf-search-result-area.landscape .item--search-result .pair-block--positive .pic-container {
  float: left;
  width: 32.241%;
}

.dsf-search-result-area.landscape .item--search-result .pair-block--positive .txt-container {
  float: right;
  width: 64.483%;
}

.dsf-search-result-area.landscape .item--search-result .pair-block--positive .txt-container ul li span {
  max-width: 374px;
}

.dsf-search-result-area.landscape .item--search-result .pair-block--negative {
  float: right;
  width: 31.034%;
}

.dsf-search-result-area .item--search-result>div {
  border-radius: 8px;
  background-color: #f5f5f5;
}

.dsf-search-result-area .item--search-result .pair-block--positive {
  display: block;
  text-decoration: none;
  color: #444;
}

.dsf-search-result-area .item--search-result .pair-block--positive:hover .txt-container .title {
  text-decoration: underline;
}

.dsf-search-result-area .item--search-result .pair-block--positive .pic-container .holder {
  text-align: center;
}

.dsf-search-result-area .item--search-result .pair-block--positive .pic-container .holder>div {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  border: solid 1px #e0e0e0;
}

.dsf-search-result-area .item--search-result .pair-block--positive .pic-container .holder>div img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.dsf-search-result-area .item--search-result .pair-block--positive .txt-container p {
  line-height: 1.5;
}

.dsf-search-result-area .item--search-result .pair-block--positive .txt-container p.title {
  font-size: 1.286em;
  color: #0d46a0;
}

.dsf-search-result-area .item--search-result .pair-block--positive .txt-container p.vendor {
  font-size: .857em;
}

.dsf-search-result-area .item--search-result .pair-block--positive .txt-container p+p {
  margin-top: 7px;
}

.dsf-search-result-area .item--search-result .pair-block--positive .txt-container p+ul {
  margin-top: 2px;
}

.dsf-search-result-area .item--search-result .pair-block--positive .txt-container ul {
  margin-left: -5px;
}

.dsf-search-result-area .item--search-result .pair-block--positive .txt-container ul li {
  display: inline-block;
  margin-top: 3px;
  margin-left: 5px;
  vertical-align: top;
}

.dsf-search-result-area .item--search-result .pair-block--positive .txt-container ul li span {
  font-size: .714em;
  font-weight: 700;
  display: inline-block;
  overflow: hidden;
  padding: 0 1em;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  color: #029688;
  border: solid 1px #e0e0e0;
  border-radius: 4px;
  background-color: #fff;
}

.dsf-search-result-area .item--search-result .pair-block--negative .upper ul {
  margin: 0 -1.667%;
  text-align: center;
}

.ie .dsf-search-result-area .item--search-result .pair-block--negative .upper ul {
  margin: 0 -1.852%;
}

.dsf-search-result-area .item--search-result .pair-block--negative .upper ul li {
  display: inline-block;
  margin: 0 1.613%;
}

.dsf-search-result-area .item--search-result .pair-block--negative .upper+.lower {
  margin-top: 9px;
}

/* -.faq-answer-area
*************************************************/

.faq-answer-area>div>div>div>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -js-display: flex;
}

.faq-answer-area .faq-answer-area--head {
  padding-right: 1.357em;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.faq-answer-area .faq-answer-area--head span {
  font-size: 1.857em;
  font-weight: 700;
  display: block;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
  color: #f90;
}

.faq-answer-area .faq-answer-area--body {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* -.modify-search-condition-controller
*************************************************/

.modify-search-condition-controller .clear-radio {
  padding: 14px 2.826% 0;
  padding: 1rem 2.826% 0;
  text-align: right;
}

.modify-search-condition-controller .clear-radio a {
  padding: .3em;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #eee;
}

.modify-search-condition-controller .modify-search-condition-controller-list {
  display: table;
  width: 100%;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li {
  display: table-row-group;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li a.as-wrap {
  cursor: pointer;
  text-decoration: none;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li a.as-wrap:hover {
  background-color: #f5f5f5;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li a.as-wrap:hover .controller .controle-list>li>span {
  text-decoration: underline;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li a.as-wrap .heading p {
  color: #444;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li a.as-wrap .controller {
  background: no-repeat 100% 50% url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSI1NyIgdmlld0JveD0iMCAwIDU3IDU3IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTcgNTciPgo8cGF0aCBkPSJtMjQuOTY0LDM2LjU3MWMtLjI1NiwwLS41MTItLjA5OC0uNzA3LS4yOTMtLjM5MS0uMzkxLS4zOTEtMS4wMjMgMC0xLjQxNGw2LjM2NC02LjM2NC02LjM2NC02LjM2NGMtLjM5MS0uMzkxLS4zOTEtMS4wMjMgMC0xLjQxNHMxLjAyMy0uMzkxIDEuNDE0LDBsNy4wNzEsNy4wNzFjLjM5MSwuMzkxIC4zOTEsMS4wMjMgMCwxLjQxNGwtNy4wNzEsNy4wNzFjLS4xOTUsLjE5Ni0uNDUxLC4yOTMtLjcwNywuMjkzeiIvPgo8L3N2Zz4K);
}

.modify-search-condition-controller .modify-search-condition-controller-list>li a.as-wrap .controller .controle-list>li {
  color: #0d46a0;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li a.as-wrap .controller .controle-list>li:last-child::after {
  content: none;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li a.as-wrap .controller .controle-list>li::after {
  content: "\3001";
}

.modify-search-condition-controller .modify-search-condition-controller-list>li .as-wrap {
  display: table-row;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li .as-wrap .heading {
  display: table-cell;
  width: 25.652%;
  padding-top: .857em;
  padding-bottom: .857em;
  padding-left: 1.522%;
  padding-left: .87%;
  vertical-align: top;
  border-bottom: solid 2px #e0e0e0;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li .as-wrap .controller {
  display: table-cell;
  padding-top: .857em;
  padding-right: 11.413%;
  padding-bottom: .857em;
  vertical-align: top;
  border-bottom: solid 2px #e0e0e0;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li .as-wrap .controller .controle-list>li {
  display: inline-block;
  vertical-align: top;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li .as-wrap .controller .controle-list--checkbox {
  margin-left: -1.357em;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li .as-wrap .controller .controle-list--checkbox>li {
  display: inline-block;
  margin-left: 1.357em;
  vertical-align: top;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li .as-wrap .controller .controle-list--checkbox>li label {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li .as-wrap .controller .controle-list--checkbox>li label input {
  vertical-align: middle;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li .as-wrap .controller .controle-list--checkbox>li label>span {
  padding-left: .5em;
  vertical-align: middle;
}

.modify-search-condition-controller .modify-search-condition-controller-list>li .as-wrap .controller .controle-list--checkbox>li label>span:last-child {
  padding-left: .25em;
}

/* -.furthermore-target
*************************************************/

.furthermore-target .furthermore-scope {
  display: none;
}

form+.furthermore-target .furthermore-scope {
  padding-top: 25px;
}

/* -.eoccol701JucTsBi
*************************************************/

.eoccol701JucTsBi {
  color: red;
}

/* -.event-divide-detail
//*************************************************/

.event-divide-detail>div>div>div>div {
  display: table;
  width: 100%;
}

.event-divide-detail__left,
.event-divide-detail__right {
  display: table-cell;
}

.event-divide-detail__left {
  width: 70%;
}

.event-divide-detail__right {
  width: 30%;
  vertical-align: bottom;
}

/* -.elem-fixed-menu
//*************************************************/

.elem-fixed-menu {
  position: fixed;
  z-index: 99;
  top: 50%;
  right: 0;
  width: 180px;
  transition: .5s ease-in-out;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 1;
}

.elem-fixed-menu__item-container {
  padding: 10px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #0e47a1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.elem-fixed-menu__page-top {
  display: table;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: auto;
  padding: 5px;
  cursor: pointer;
  transition: .3s;
  border-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.elem-fixed-menu__page-top>div {
  display: table-cell;
  vertical-align: middle;
}

.elem-fixed-menu__page-top:hover {
  opacity: .75;
}

.elem-fixed-menu__page-top span {
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  content: "";
  color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAgNTAiPg0KPHBhdGggZmlsbD0iIzBlNDdhMSIgZD0ibTMzLjUxMiwzMC4yNTZjLS4yNTYsMC0uNTEyLS4wOTgtLjcwNy0uMjkzbC03LjgwNS03LjgwNC03LjgwNSw3LjgwNWMtLjM5MSwuMzkxLTEuMDIzLC4zOTEtMS40MTQsMHMtLjM5MS0xLjAyMyAwLTEuNDE0bDguNTEyLTguNTEyYy4zOTEtLjM5MSAxLjAyMy0uMzkxIDEuNDE0LDBsOC41MTIsOC41MTJjLjM5MSwuMzkxIC4zOTEsMS4wMjMgMCwxLjQxNC0uMTk1LC4xOTUtLjQ1MSwuMjkyLS43MDcsLjI5MnoiLz4NCjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.elem-fixed-menu__item {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 50px;
  transition: .3s;
  border-radius: 5px;
  background-color: #fff;
  -js-display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ie9 .elem-fixed-menu__item {
  display: block;
}

.elem-fixed-menu__item::after {
  font-size: 0;
  min-height: inherit;
  content: "";
}

.elem-fixed-menu__item.img {
  background-color: transparent;
}

.elem-fixed-menu__item:hover {
  text-decoration: none;
  opacity: .75;
}

.elem-fixed-menu__item span.circle {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 10px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: auto;
  border-radius: 50%;
  background-color: #0e47a1;
}

.elem-fixed-menu__item span.circle::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  color: #fff;
  background-image: url("https://sub.idaten.ne.jp/portal/common-tertiary/img/components/elem-fixed-menu/icon-arrow-backward.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.elem-fixed-menu__item span.txt {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
  padding: 5px 10px 5px 41px;
  color: #414244;
}

.elem-fixed-menu__item span.img {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.elem-fixed-menu__item span.img img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.elem-fixed-menu__item:nth-child(n+2) {
  margin-top: 5px;
}

.elem-floating-banner {
  position: fixed;
  z-index: 15;
  right: 10px;
  bottom: 30px;
}

.elem-floating-banner img {
  width: 85px;
}

/* -button
*************************************************/

.elem-form-btn-group .form-btn-group>li.agree button,
.elem-form-btn-group .form-btn-group>li.close button,
.elem-form-btn-group .form-btn-group>li.confirm button,
.elem-form-btn-group .form-btn-group>li.login button,
.elem-form-btn-group .form-btn-group>li.next button,
.elem-form-btn-group .form-btn-group>li.inactive button {
  font-size: 1.429em;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 450px;
  height: 66px;
  margin: 0 auto;
  transition: opacity .5s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  color: #fff;
  border: none;
  border-radius: 8px;
  outline: none;
  background: #414141;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .5);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.elem-form-btn-group .form-btn-group>li.agree button:hover,
.elem-form-btn-group .form-btn-group>li.close button:hover,
.elem-form-btn-group .form-btn-group>li.confirm button:hover,
.elem-form-btn-group .form-btn-group>li.login button:hover,
.elem-form-btn-group .form-btn-group>li.next button:hover,
.elem-form-btn-group .form-btn-group>li.inactive button:hover {
  opacity: .72;
}

.elem-form-btn-group .form-btn-group>li.agree button span,
.elem-form-btn-group .form-btn-group>li.close button span,
.elem-form-btn-group .form-btn-group>li.confirm button span,
.elem-form-btn-group .form-btn-group>li.login button span,
.elem-form-btn-group .form-btn-group>li.next button span,
.elem-form-btn-group .form-btn-group>li.inactive button span {
  vertical-align: middle;
  color: #fff;
}

.elem-form-btn-group .form-btn-group>li.agree button i::before,
.elem-form-btn-group .form-btn-group>li.close button i::before,
.elem-form-btn-group .form-btn-group>li.confirm button i::before,
.elem-form-btn-group .form-btn-group>li.login button i::before,
.elem-form-btn-group .form-btn-group>li.next button i::before,
.elem-form-btn-group .form-btn-group>li.inactive button i::before {
  display: inline-block;
  vertical-align: middle;
}

.elem-form-btn-group .form-btn-group>li.agree button .icon-arrow-forward::before,
.elem-form-btn-group .form-btn-group>li.close button .icon-arrow-forward::before,
.elem-form-btn-group .form-btn-group>li.confirm button .icon-arrow-forward::before,
.elem-form-btn-group .form-btn-group>li.login button .icon-arrow-forward::before,
.elem-form-btn-group .form-btn-group>li.next button .icon-arrow-forward::before,
.elem-form-btn-group .form-btn-group>li.inactive button .icon-arrow-forward::before {
  height: 29px;
  margin-left: .5em;
  content: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/elem-form-btn-group/icon-arrow-forward.svg);
}

.elem-form-btn-group .form-btn-group>li.disagree button,
.elem-form-btn-group .form-btn-group>li.prev button,
.elem-form-btn-group .form-btn-group>li.more button {
  font-size: 1.143em;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 220px;
  height: 40px;
  margin: 0 auto;
  transition: background-color .5s ease, color .5s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  border: solid 1px #dfdfdf;
  border-radius: 8px;
  outline: none;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.elem-form-btn-group .form-btn-group>li.disagree button:hover,
.elem-form-btn-group .form-btn-group>li.prev button:hover,
.elem-form-btn-group .form-btn-group>li.more button:hover {
  color: #fff;
  background: rgba(0, 0, 0, .72);
}

/* -input textarea
*************************************************/

input::-webkit-input-placeholder {
  font-weight: 400;
}

input::-moz-placeholder {
  font-weight: 400;
}

input:-ms-input-placeholder {
  font-weight: 400;
}

input[type="number"] {
  text-align: right;
}

.elem-form-table p+.form-input-module {
  margin-top: .5em;
}

.elem-form-table .form-input-module {
  padding: 0 1.214em;
  border: solid 1px #dfdfdf;
  border-radius: 4px;
  background-color: #fff;
}

.elem-form-table .form-input-module.read-only {
  padding: 0;
  border: none;
  background-color: transparent;
}

.elem-form-table .form-input-module.read-only input {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.elem-form-table .form-input-module input {
  display: block;
  width: 100%;
  height: 28px;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.elem-form-table .form-input-module+ul,
.elem-form-table .form-input-module+p {
  margin-top: .5em;
}

.elem-form-table .form-input-module+ul li {
  position: relative;
  padding-left: 1em;
}

.elem-form-table .form-input-module+ul li::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: "\30FB";
}

/* -select
*************************************************/

.form-select-module {
  display: inline-block;
}

.form-select-module+p {
  display: inline-block;
}

/* -textarea
*************************************************/

textarea::-webkit-input-placeholder {
  font-weight: 400;
}

textarea::-moz-placeholder {
  font-weight: 400;
}

textarea:-ms-input-placeholder {
  font-weight: 400;
}

.form-textarea-module {
  overflow: hidden;
  margin: 1em auto;
  border: solid 1px #dfdfdf;
  border-radius: 4px;
  background-color: #fff;
}

.form-textarea-module textarea {
  display: block;
  width: 100%;
  padding: 1em 1.214em;
  resize: vertical;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* -
*************************************************/

/*
*  - v1.2.5
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/

/* Core
--------------------------------------------------*/

.slider-pro {
  position: relative;
  box-sizing: content-box;
  margin: 0 auto;
}

.sp-slides-container {
  position: relative;
}

.sp-mask {
  position: relative;
  overflow: hidden;
}

.sp-slides {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

.sp-slide {
  position: absolute;
}

.sp-image-container {
  overflow: hidden;
}

.sp-image {
  position: relative;
  display: block;
  border: none;
}

.sp-no-js {
  overflow: hidden;
  max-width: 100%;
}

/* Thumbnails
--------------------------------------------------*/

.sp-thumbnails-container {
  position: relative;
  overflow: hidden;
}

.sp-top-thumbnails,
.sp-bottom-thumbnails {
  left: 0;
  margin: 0 auto;
}

.sp-top-thumbnails {
  position: absolute;
  top: 0;
  margin-bottom: 4px;
}

.sp-bottom-thumbnails {
  margin-top: 4px;
}

.sp-left-thumbnails,
.sp-right-thumbnails {
  position: absolute;
  top: 0;
}

.sp-right-thumbnails {
  right: 0;
  margin-left: 4px;
}

.sp-left-thumbnails {
  left: 0;
  margin-right: 4px;
}

.sp-thumbnails {
  position: relative;
}

.sp-thumbnail {
  border: none;
}

.sp-thumbnail-container {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
}

/* Horizontal thumbnails
------------------------*/

.sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
  margin-right: 2px;
  margin-left: 2px;
}

.sp-top-thumbnails .sp-thumbnail-container:first-child,
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {
  margin-left: 0;
}

.sp-top-thumbnails .sp-thumbnail-container:last-child,
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {
  margin-right: 0;
}

/* Vertical thumbnails
----------------------*/

.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
  margin-top: 2px;
  margin-bottom: 2px;
}

.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
  margin-top: 0;
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
  margin-bottom: 0;
}

/* Right thumbnails with pointer
--------------------------------*/

.sp-right-thumbnails.sp-has-pointer {
  margin-left: -13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  left: 18px;
  margin-left: 0 !important;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin-left: 13px;
  content: "";
  border-left: 5px solid #f00;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -8px;
  content: "";
  border-top: 8px solid transparent;
  border-right: 13px solid #f00;
  border-bottom: 8px solid transparent;
}

/* Left thumbnails with pointer
-------------------------------*/

.sp-left-thumbnails.sp-has-pointer {
  margin-right: -13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  right: 18px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  margin-right: 13px;
  content: "";
  border-left: 5px solid #f00;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  margin-top: -8px;
  content: "";
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #f00;
}

/* Bottom thumbnails with pointer
---------------------------------*/

.sp-bottom-thumbnails.sp-has-pointer {
  margin-top: -13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  top: 18px;
  margin-top: 0 !important;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  position: absolute;
  top: 0;
  width: 100%;
  margin-top: 13px;
  content: "";
  border-bottom: 5px solid #f00;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  content: "";
  border-right: 8px solid transparent;
  border-bottom: 13px solid #f00;
  border-left: 8px solid transparent;
}

/* Top thumbnails with pointer
------------------------------*/

.sp-top-thumbnails.sp-has-pointer {
  margin-bottom: -13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  bottom: 18px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 13px;
  content: "";
  border-bottom: 5px solid #f00;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  content: "";
  border-top: 13px solid #f00;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

/* Layers
--------------------------------------------------*/

.sp-layer {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden;
}

.sp-black {
  color: #fff;
  background: black;
  background: rgba(0, 0, 0, .7);
}

.sp-white {
  color: #000;
  background: white;
  background: rgba(255, 255, 255, .7);
}

.sp-rounded {
  border-radius: 10px;
}

.sp-padding {
  padding: 10px;
}

/* Touch Swipe
--------------------------------------------------*/

.sp-grab {
  cursor: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/slider-pro/openhand.cur), move;
}

.sp-grabbing {
  cursor: url(https://sub.idaten.ne.jp/portal/common-secondary/img/components/slider-pro/closedhand.cur), move;
}

.sp-selectable {
  cursor: default;
}

/* Caption
--------------------------------------------------*/

.sp-caption-container {
  margin-top: 10px;
  text-align: center;
}

/* Full Screen
--------------------------------------------------*/

.sp-full-screen {
  margin: 0 !important;
  background-color: #000;
}

.sp-full-screen-button {
  font-size: 30px;
  line-height: 1;
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sp-full-screen-button:before {
  content: "\2195";
}

.sp-fade-full-screen {
  transition: opacity .5s;
  opacity: 0;
}

.slider-pro:hover .sp-fade-full-screen {
  opacity: 1;
}

/* Buttons
--------------------------------------------------*/

.sp-buttons {
  position: relative;
  width: 100%;
  padding-top: 10px;
  text-align: center;
}

.sp-button {
  display: inline-block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  margin: 4px;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 50%;
}

.sp-selected-button {
  background-color: #000;
}

/*
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.sp-button {
		width: 14px;
		height: 14px;
	}
}

@media only screen and (min-width: 568px) and (max-width: 768px) {
	.sp-button {
		width: 16px;
		height: 16px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 568px) {
	.sp-button {
		width: 18px;
		height: 18px;
	}
}
*/

/* Arrows
--------------------------------------------------*/

.sp-arrows {
  position: absolute;
}

.sp-fade-arrows {
  transition: opacity .5s;
  opacity: 0;
}

.sp-slides-container:hover .sp-fade-arrows {
  opacity: 1;
}

.sp-horizontal .sp-arrows {
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -15px;
}

.sp-vertical .sp-arrows {
  top: 0;
  left: 50%;
  height: 100%;
  margin-left: -10px;
}

.sp-arrow {
  position: absolute;
  display: block;
  width: 20px;
  height: 30px;
  cursor: pointer;
}

.sp-vertical .sp-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sp-horizontal .sp-previous-arrow {
  left: 20px;
}

.sp-horizontal .sp-next-arrow {
  right: 20px;
}

.sp-vertical .sp-previous-arrow {
  top: 20px;
}

.sp-vertical .sp-next-arrow {
  bottom: 20px;
}

.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
  position: absolute;
  width: 50%;
  height: 50%;
  content: "";
  background-color: #fff;
}

.sp-previous-arrow:before {
  top: 0;
  left: 30%;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg);
}

.sp-previous-arrow:after {
  top: 50%;
  left: 30%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}

.sp-next-arrow:before {
  top: 0;
  right: 30%;
  -webkit-transform: skew(35deg, 0deg);
  -ms-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg);
}

.sp-next-arrow:after {
  top: 50%;
  right: 30%;
  -webkit-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
}

.ie8 .sp-arrow,
.ie7 .sp-arrow {
  width: 0;
  height: 0;
}

.ie8 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie7 .sp-arrow:after {
  content: none;
}

.ie8.sp-horizontal .sp-previous-arrow,
.ie7.sp-horizontal .sp-previous-arrow {
  border-top: 20px solid transparent;
  border-right: 20px solid #fff;
  border-bottom: 20px solid transparent;
}

.ie8.sp-horizontal .sp-next-arrow,
.ie7.sp-horizontal .sp-next-arrow {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #fff;
}

.ie8.sp-vertical .sp-previous-arrow,
.ie7.sp-vertical .sp-previous-arrow {
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  border-left: 20px solid transparent;
}

.ie8.sp-vertical .sp-next-arrow,
.ie7.sp-vertical .sp-next-arrow {
  border-top: 20px solid #fff;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
}

/* Thumbnail Arrows
--------------------------------------------------*/

.sp-thumbnail-arrows {
  position: absolute;
}

.sp-fade-thumbnail-arrows {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  opacity: 0;
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
  opacity: 1;
}

.sp-top-thumbnails .sp-thumbnail-arrows,
.sp-bottom-thumbnails .sp-thumbnail-arrows {
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -12px;
}

.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
  top: 0;
  left: 50%;
  height: 100%;
  margin-left: -7px;
}

.sp-thumbnail-arrow {
  position: absolute;
  display: block;
  width: 15px;
  height: 25px;
  cursor: pointer;
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sp-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
  left: 0;
}

.sp-top-thumbnails .sp-next-thumbnail-arrow,
.sp-bottom-thumbnails .sp-next-thumbnail-arrow {
  right: 0;
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
  top: 0;
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
  bottom: 0;
}

.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
  position: absolute;
  width: 50%;
  height: 50%;
  content: "";
  background-color: #fff;
}

.sp-previous-thumbnail-arrow:before {
  top: 0;
  left: 30%;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg);
}

.sp-previous-thumbnail-arrow:after {
  top: 50%;
  left: 30%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}

.sp-next-thumbnail-arrow:before {
  top: 0;
  right: 30%;
  -webkit-transform: skew(35deg, 0deg);
  -ms-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg);
}

.sp-next-thumbnail-arrow:after {
  top: 50%;
  right: 30%;
  -webkit-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
}

.ie8 .sp-thumbnail-arrow,
.ie7 .sp-thumbnail-arrow {
  width: 0;
  height: 0;
}

.ie8 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie7 .sp-thumbnail-arrow:after {
  content: none;
}

.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
  border-top: 12px solid transparent;
  border-right: 12px solid #fff;
  border-bottom: 12px solid transparent;
}

.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #fff;
}

.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  border-left: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow {
  border-top: 12px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}

/* Video
--------------------------------------------------*/

a.sp-video {
  text-decoration: none;
}

a.sp-video img {
  border: none;
  -webkit-backface-visibility: hidden;
}

a.sp-video:after {
  font-size: 30px;
  line-height: 52px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 45px;
  height: 50px;
  margin: auto;
  padding-left: 5px;
  content: "\25B6";
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 30px;
  background-color: rgba(0, 0, 0, .2);
}

/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/

.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
  max-width: none;
  max-height: none;
  padding: 0 !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -mox-box-shadow: none !important;
}

.slider-pro a {
  position: static;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.slider-pro iframe,
.slider-pro object,
.slider-pro video,
.slider-pro embed,
.slider-pro canvas {
  max-width: none;
  max-height: none;
}

.slider-pro p.sp-layer {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h1.sp-layer {
  font-size: 32px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h2.sp-layer {
  font-size: 24px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h3.sp-layer {
  font-size: 19px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h4.sp-layer {
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h5.sp-layer {
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h6.sp-layer {
  font-size: 11px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro img.sp-layer {
  border: none;
}

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */

.swiper-container {
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;
  overflow: hidden;
  margin: 0 auto;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -js-display: flex;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  z-index: -1000;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}

/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  z-index: 10;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27px 44px;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  cursor: auto;
  pointer-events: none;
  opacity: .35;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  right: auto;
  left: 10px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */

.swiper-pagination {
  position: absolute;
  z-index: 10;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-align: center;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  opacity: .2;
  border-radius: 100%;
  background: #000;
}

button.swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  top: 50%;
  right: 10px;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: 5px 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */

.swiper-pagination-progress {
  position: absolute;
  background: rgba(0, 0, 0, .25);
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  background: #007aff;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progress {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}

.swiper-container-vertical>.swiper-pagination-progress {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, .5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  z-index: 1;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
  visibility: visible;
  pointer-events: auto;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  background: #000;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

/* Fade */

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Scrollbar */

.swiper-scrollbar {
  position: relative;
  border-radius: 10px;
  background: rgba(0, 0, 0, .1);
  -ms-touch-action: none;
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  z-index: 50;
  bottom: 3px;
  left: 1%;
  width: 98%;
  height: 5px;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  z-index: 50;
  top: 1%;
  right: 3px;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, .5);
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */

.swiper-lazy-preloader {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* Magnific Popup CSS */

.mfp-bg {
  position: fixed;
  z-index: 1042;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  opacity: .8;
  background: #0b0b0b;
}

.mfp-wrap {
  position: fixed;
  z-index: 1043;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  text-align: center;
}

.mfp-container:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  z-index: 1045;
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  position: absolute;
  z-index: 1044;
  top: 50%;
  right: 8px;
  left: 8px;
  width: auto;
  margin-top: -.8em;
  text-align: center;
  color: #ccc;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  z-index: 1046;
  display: block;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background: transparent;
  box-shadow: none;
  -webkit-appearance: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  font-family: Arial, Baskerville, monospace;
  font-size: 28px;
  font-style: normal;
  line-height: 44px;
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0 0 18px 10px;
  text-align: center;
  text-decoration: none;
  opacity: .65;
  color: #fff;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  right: -6px;
  width: 100%;
  padding-right: 6px;
  text-align: right;
  color: #fff;
}

.mfp-counter {
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  top: 0;
  right: 0;
  white-space: nowrap;
  color: #ccc;
}

.mfp-arrow {
  position: absolute;
  top: 50%;
  width: 90px;
  height: 110px;
  margin: 0;
  margin-top: -55px;
  padding: 0;
  opacity: .65;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin-top: 35px;
  margin-left: 35px;
  content: "";
  border: medium inset transparent;
}

.mfp-arrow:after {
  top: 8px;
  border-top-width: 13px;
  border-bottom-width: 13px;
}

.mfp-arrow:before {
  opacity: .7;
  border-top-width: 21px;
  border-bottom-width: 21px;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  margin-left: 31px;
  border-right: 17px solid #fff;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  margin-left: 39px;
  border-left: 17px solid #fff;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

/* Main image in popup */

img.mfp-img {
  line-height: 0;
  display: block;
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 40px 0;
}

/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  position: absolute;
  z-index: -1;
  top: 40px;
  right: 0;
  bottom: 40px;
  left: 0;
  display: block;
  width: auto;
  height: auto;
  content: "";
  background: #444;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

.mfp-figure small {
  font-size: 12px;
  line-height: 14px;
  display: block;
  color: #bdbdbd;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: -36px;
  cursor: auto;
}

.mfp-title {
  line-height: 18px;
  padding-right: 36px;
  text-align: left;
  word-wrap: break-word;
  color: #f3f3f3;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

/*
@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}

	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}
*/

/* Custom Style */

/* at start */

.dis-modal-container {
  position: relative;
  margin: 40px auto;
  padding: 30px;
}

.dis-modal-container>div>div {
  max-width: 980px;
  margin: 0 auto;
  padding: 30px;
  text-align: left;
  background: #fff;
}

.dis-modal-container .mfp-close {
  font-family: "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
  position: static;
  opacity: 1;
}

.mac .dis-modal-container .mfp-close {
  font-family: -apple-system, "Helvetica Neue", Helvetica, ŸΰƒSƒVƒbƒN‘Μ, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Arial, Verdana, sans-serif;
}

.dis-search-modal-container,
.dis-search-result-modal-container {
  position: relative;
  min-width: 980px;
  max-width: 980px;
  margin: 40px auto;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
}

.dis-search-modal-container .dis-search-modal--head>div>div,
.dis-search-modal-container .dis-search-result-modal--head>div>div,
.dis-search-result-modal-container .dis-search-modal--head>div>div,
.dis-search-result-modal-container .dis-search-result-modal--head>div>div {
  margin: 0 auto;
  padding: 1em 30px;
  text-align: left;
  border-bottom: solid 1px #e0e0e0;
  background: #fff;
}

.dis-search-modal-container .dis-search-modal--head h1,
.dis-search-modal-container .dis-search-modal--head h2,
.dis-search-modal-container .dis-search-modal--head h3,
.dis-search-modal-container .dis-search-modal--head h4,
.dis-search-modal-container .dis-search-modal--head h5,
.dis-search-modal-container .dis-search-modal--head h6,
.dis-search-modal-container .dis-search-result-modal--head h1,
.dis-search-modal-container .dis-search-result-modal--head h2,
.dis-search-modal-container .dis-search-result-modal--head h3,
.dis-search-modal-container .dis-search-result-modal--head h4,
.dis-search-modal-container .dis-search-result-modal--head h5,
.dis-search-modal-container .dis-search-result-modal--head h6,
.dis-search-result-modal-container .dis-search-modal--head h1,
.dis-search-result-modal-container .dis-search-modal--head h2,
.dis-search-result-modal-container .dis-search-modal--head h3,
.dis-search-result-modal-container .dis-search-modal--head h4,
.dis-search-result-modal-container .dis-search-modal--head h5,
.dis-search-result-modal-container .dis-search-modal--head h6,
.dis-search-result-modal-container .dis-search-result-modal--head h1,
.dis-search-result-modal-container .dis-search-result-modal--head h2,
.dis-search-result-modal-container .dis-search-result-modal--head h3,
.dis-search-result-modal-container .dis-search-result-modal--head h4,
.dis-search-result-modal-container .dis-search-result-modal--head h5,
.dis-search-result-modal-container .dis-search-result-modal--head h6 {
  font-size: 2em;
}

.dis-search-modal-container .dis-search-modal--body>div>div,
.dis-search-modal-container .dis-search-result-modal--body>div>div,
.dis-search-result-modal-container .dis-search-modal--body>div>div,
.dis-search-result-modal-container .dis-search-result-modal--body>div>div {
  margin: 0 auto;
  padding: 30px;
  text-align: left;
  background: #fff;
}

.dis-search-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list,
.dis-search-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list,
.dis-search-result-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list,
.dis-search-result-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list {
  margin: -.714em -.87% 0;
}

.dis-search-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li,
.dis-search-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li,
.dis-search-result-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li,
.dis-search-result-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li {
  display: inline-block;
  width: 31.624%;
  margin: .714em .855% 0;
  vertical-align: top;
}

.dis-search-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li label,
.dis-search-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li label,
.dis-search-result-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li label,
.dis-search-result-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li label {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  margin-left: -7px;
  padding-left: 7px;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.dis-search-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li label input,
.dis-search-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li label input,
.dis-search-result-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li label input,
.dis-search-result-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li label input {
  vertical-align: middle;
}

.dis-search-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li label>span,
.dis-search-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li label>span,
.dis-search-result-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li label>span,
.dis-search-result-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li label>span {
  vertical-align: middle;
}

.dis-search-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li label>span:first-of-type,
.dis-search-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li label>span:first-of-type,
.dis-search-result-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li label>span:first-of-type,
.dis-search-result-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li label>span:first-of-type {
  padding-left: .5em;
}

.dis-search-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li label>span:last-child,
.dis-search-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li label>span:last-child,
.dis-search-result-modal-container .dis-search-modal--body .chk-scope-block .chk-scope-list>li label>span:last-child,
.dis-search-result-modal-container .dis-search-result-modal--body .chk-scope-block .chk-scope-list>li label>span:last-child {
  padding-left: .25em;
}

.dis-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
}

html:not(.ie) .dis-mfp-slide-bottom .zoom-anim-dialog {
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */

.dis-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
}

html:not(.ie) .dis-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  -webkit-transform: translateY(35px) perspective(600px) rotateX(0);
  -moz-transform: translateY(35px) perspective(600px) rotateX(0);
  -ms-transform: translateY(35px) perspective(600px) rotateX(0);
  -o-transform: translateY(35px) perspective(600px) rotateX(0);
  transform: translateY(35px) perspective(600px) rotateX(0);
}

/* animate out */

.dis-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
}

html:not(.ie) .dis-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay,  start state */

.dis-mfp-slide-bottom.mfp-bg {
  opacity: 0;
}

html:not(.ie) .dis-mfp-slide-bottom.mfp-bg {
  -webkit-transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out;
}

/* animate in */

.dis-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: .8;
}

/* animate out */

.dis-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

/*	Micro ClearFix
*************************************************/

.ie9 [data-layout="2"] .layout-wrapper>div>div>div>div,
.ie9 [data-layout="3"] .layout-wrapper>div>div>div>div,
.divide-layout>div>div>div>div,
.jumbotron-and-bnr>div>div>div>div,
.ie9 .favorite-checkbox-block .favorite-contents-area,
.dsf-search-result-area.portrait>div>div>div>div,
.dsf-search-result-area.landscape .item--search-result>div,
.dsf-search-result-area.landscape .item--search-result .pair-block--positive,
.cf {
  /*
  	&::before,
  	&::after {
  		display: table;
  		content: "";
  	}

  	&::after { clear: both; }
  */
}

.ie9 [data-layout="2"] .layout-wrapper>div>div>div>div::after,
.ie9 [data-layout="3"] .layout-wrapper>div>div>div>div::after,
.divide-layout>div>div>div>div::after,
.jumbotron-and-bnr>div>div>div>div::after,
.ie9 .favorite-checkbox-block .favorite-contents-area::after,
.dsf-search-result-area.portrait>div>div>div>div::after,
.dsf-search-result-area.landscape .item--search-result>div::after,
.dsf-search-result-area.landscape .item--search-result .pair-block--positive::after,
.cf::after {
  display: block;
  clear: both;
  content: " ";
}

/*	Clear
*************************************************/

.clear {
  clear: both;
}

/*	No wrap
*************************************************/

.no-wrap {
  white-space: nowrap;
}

/*	hide
*************************************************/

.hide,
.pc-none,
.rwd-none,
.tb-sp-block {
  display: none;
  visibility: hidden;
}

/*	[data-align]
*************************************************/

[data-align="left"] {
  text-align: left;
}

.elem-catch p[data-align="center"],
.elem-catch--italic p[data-align="center"],
.elem-paragraph p[data-align="center"],
.elem-txt-list .txt-list[data-align="center"],
.elem-txt-list--anchor .txt-list--anchor[data-align="center"],
[data-align="center"] {
  text-align: center;
}

.elem-catch p[data-align="right"],
.elem-catch--italic p[data-align="right"],
.elem-paragraph p[data-align="right"],
.elem-txt-list .txt-list[data-align="right"],
.elem-txt-list--anchor .txt-list--anchor[data-align="right"],
[data-align="right"] {
  text-align: right;
}

/*	[data-font-size]
*************************************************/

[data-font-size="maximum"] {
  font-size: 2.714em;
}

.elem-paragraph p[data-font-size="huge"],
[data-font-size="huge"] {
  font-size: 1.571em;
}

.elem-paragraph p[data-font-size="x-large"],
[data-font-size="x-large"] {
  font-size: 1.429em;
}

.elem-paragraph p[data-font-size="large"],
[data-font-size="large"] {
  font-size: 1.286em;
}

.elem-paragraph p[data-font-size="small"],
[data-font-size="small"] {
  font-size: 1em;
}

.elem-paragraph p[data-font-size="x-small"],
[data-font-size="x-small"] {
  font-size: .857em;
}

/*	[data-font-color]
*************************************************/

[data-font-color="1"] {
  color: #d50000;
}

[data-font-color="1"] a {
  color: #d50000;
}

[data-font-color="2"] {
  color: #4caf50;
}

[data-font-color="2"] a {
  color: #4caf50;
}

/*	[class^="txt-"] Style
*************************************************/

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

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

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

.txt-small {
  font-size: .85em;
}

.txt-large {
  font-size: 1.143em;
  line-height: 1.5;
}

.txt-x-large {
  font-size: 1.286em;
}

.txt-xx-large {
  font-size: 1.429em;
}

.txt-huge {
  font-size: 2em;
}

/*	[class^="style-"] Style
*************************************************/

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

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

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

.style-large {
  font-size: 1.286em;
}

.style-underline {
  text-decoration: underline;
}

/*
@include keyframes(btn-outline-01) {
	from { outline-color: $tertiary-color; }
	to { outline-color: transparent; }
}

@include keyframes(btn-outline-02) {
	from { outline-color: $secondary-color; }
	to { outline-color: transparent; }
}

@include keyframes(btn-outline-03) {
	from { outline-color: $primary-color; }
	to { outline-color: transparent; }
}

@include keyframes(btn-outline-04) {
	from { outline-color: $color-mono-700; }
	to { outline-color: transparent; }
}
*/

/*
@include keyframes(pulse) {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(1.025, 1.05, 1.25);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}
*/

/*
@include keyframes(btn-push) {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(.98, .95, .98);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}
*/

.elem-switchgear .switchgear--trigger>div span.ripple-ring,
.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger>div span.ripple-ring {
  position: absolute;
  z-index: 1;
  width: 288px;
  height: 288px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
  opacity: 0;
  border-radius: 100%;
  background: transparent;
  speak: none;
}

.elem-switchgear .switchgear--trigger>div span.ripple-ring[data-ripple-color="1"],
.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger>div span.ripple-ring[data-ripple-color="1"] {
  background-color: #fff;
}

.elem-switchgear .switchgear--trigger>div span.ripple-ring.active,
.renewal-2021-elem-switchgear .renewal-2021-switchgear--trigger>div span.ripple-ring.active {
  -webkit-animation: btn-ripple-ring .5s ease-out;
  animation: btn-ripple-ring .5s ease-out;
}

/* -Media Print
*******************************************/

@media (max-width: 1359px) {
  .elem-fixed-menu {
    pointer-events: none;
    opacity: 0;
  }

  .ie9 .elem-fixed-menu,
  .ie10 .elem-fixed-menu {
    display: none;
  }
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */

  /*
  	.mfp-img-mobile .mfp-image-holder {
  		padding-left: 0;
  		padding-right: 0;
  	}

  	.mfp-img-mobile img.mfp-img {
  		padding: 0;
  	}

  	.mfp-img-mobile .mfp-figure:after {
  		top: 0;
  		bottom: 0;
  	}

  	.mfp-img-mobile .mfp-figure small {
  		display: inline;
  		margin-left: 5px;
  	}

  	.mfp-img-mobile .mfp-bottom-bar {
  		background: rgba(0,0,0,0.6);
  		bottom: 0;
  		margin: 0;
  		top: auto;
  		padding: 3px 5px;
  		position: fixed;
  		box-sizing: border-box;
  	}

  	.mfp-img-mobile .mfp-bottom-bar:empty {
  		padding: 0;
  	}

  	.mfp-img-mobile .mfp-counter {
  		right: 5px;
  		top: 3px;
  	}

  	.mfp-img-mobile .mfp-close {
  		top: 0;
  		right: 0;
  		width: 35px;
  		height: 35px;
  		line-height: 35px;
  		background: rgba(0,0,0,0.6);
  		position: fixed;
  		text-align: center;
  		padding: 0;
  	}
  */
}

@media (max-width: 568px) {
  .renewal-2021-site-area-footer .sp-under-column {
    display: block;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes btn-ripple-ring {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: .48;
  }

  to {
    transform: scale(2);
    opacity: 0;
  }
}

@-moz-keyframes btn-ripple-ring {
  from {
    transform: scale(0);
    opacity: .48;
  }

  to {
    transform: scale(2);
    opacity: 0;
  }
}

@-ms-keyframes btn-ripple-ring {
  from {
    transform: scale(0);
    opacity: .48;
  }

  to {
    transform: scale(2);
    opacity: 0;
  }
}

@-o-keyframes btn-ripple-ring {
  from {
    transform: scale(0);
    opacity: .48;
  }

  to {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes btn-ripple-ring {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: .48;
  }

  to {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

/* -.product-balloon-container (V»•iξ•ρ)
20200331.DIS.KIWASA.ADD START
*******************************************/

.product-balloon-container {
	position: absolute;
	z-index: 22;
	top: 6.214em;
	right: 0;
	display: none;
	width: 100%;
	background-color: transparent !important;
}

.product-balloon-container>div>div {
	min-width: 1024px;
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 22px;
}

.product-balloon-container>div>div>div {
	text-align: right;
}

.product-balloon-container>div>div>div>div {
	position: relative;
	right: 175px;
	display: inline-block;
	width: 41.429em;
	padding: 1.929em 3.276% 1.071em;
	vertical-align: middle;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .32);
}

.product-balloon-container>div>div>div>div::after {
	position: absolute;
	z-index: 1;
	top: -8px;
	right: 12%;
	width: 0;
	height: 0;
	content: "";
	border-width: 0 8.5px 8px 8.5px;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
}

.product-balloon-container .product-balloon-date-list>div {
	display: table;
	border-bottom: #ccc 1px solid;
}

.product-balloon-container .product-balloon-date-list>div>dl {
	display: table-row;
}

.product-balloon-container .product-balloon-date-list>div>dl dt {
	display: table-cell;
	width: 1%;
	padding: 10px 0;
	white-space: nowrap;
	color: #a0a0a0;
	border-top: #ccc 1px solid;
}

.product-balloon-container .product-balloon-date-list>div>dl dd {
	display: table-cell;
	box-sizing: border-box;
	width: 99%;
	padding: 10px 0 10px 30px;
	text-align: left;
	border-top: #ccc 1px solid;
}

.product-balloon-container .product-balloon-more-link {
	padding-top: 10px;
	text-align: right;
}

/* -.product-balloon-container (V»•iξ•ρ)
20200331.DIS.KIWASA.ADD END
*******************************************/