@charset "utf-8";
/* PCスタイルガイド 流用（SPとOSLにはスタイルガイドが導入されていないため追加）
=================================*/
html {
  font-size: 62.5%;
}
body {
  font-size: 1.6rem;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #333;
}

/* セクション */
.Section {
  clear: both;
  margin-bottom: 48px
}

.Section:last-child {
  margin-bottom: 0
}

.Section:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0
}

.Section__Inner {
  margin-bottom: 16px
}

.Section__Inner:last-child {
  margin-bottom: 0
}

.Section__Inner:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0
}
/* アイコン */
@font-face {
  font-family: "monotaroIcon";
  src: url("/fonts/monotaroIcon.eot?v=c7502c853a958c880505ff312d10b137");
  src: url("/fonts/monotaroIcon.eot?v=c7502c853a958c880505ff312d10b137") format("embedded-oPentype"),
  url("/fonts/monotaroIcon.ttf?v=c7502c853a958c880505ff312d10b137") format("truetype"),
  url("/fonts/monotaroIcon.woff?v=c7502c853a958c880505ff312d10b137") format("woff"),
  url("/fonts/monotaroIcon.svg?v=c7502c853a958c880505ff312d10b137") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class*='Icon--'], [class*='Icon--']:after, [class*='Icon--']:before {
  font-family: 'monotaroIcon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Icon--ExternalLink:before{
  content:"\e925";
}

/* テキストリンク */
.TextLink {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  overflow: visible;
  text-decoration: underline; }

.TextLink--UnderlineNone {
  text-decoration: none; }
  .TextLink--UnderlineNone:hover {
    text-decoration: underline; }

.TextLink,
.TextLink:link {
  color: #333; }
  @media screen and (min-width: 1px) {
    .TextLink,
    .TextLink:link {
      color: rgba(0, 0, 0, 0.8); } }

.TextLink:active,
.TextLink:active > span,
.TextLink:hover,
.TextLink:hover > span,
.TextLink:focus,
.TextLink:focus > span {
  opacity: 0.6; }

.TextLink:visited {
  color: #85000a; }
  .TextLink:visited .TextLink__Icon:before {
    color: #333; }
    @media screen and (min-width: 1px) {
      .TextLink:visited .TextLink__Icon:before {
        color: rgba(0, 0, 0, 0.8); } }

.TextLink--Icon {
  text-decoration: none; }

.TextLink__Icon {
  position: relative; }
  .TextLink__Icon--Left {
    padding-right: 4px; }
  .TextLink__Icon--Right {
    padding-left: 4px; }

.TextLink__Text {
  text-decoration: underline; }
  .TextLink__Text--Sm {
    text-decoration: none; }
    .TextLink__Text--Sm:hover {
      text-decoration: underline; }

.TextLink--Toolbar {
  padding: 4px 8px;
  border-radius: 4px;
  margin-right: 8px;
  font-size: 11px; }
  .TextLink--Toolbar:visited {
    color: #333; }
    @media screen and (min-width: 1px) {
      .TextLink--Toolbar:visited {
        color: rgba(0, 0, 0, 0.8); } }
  .TextLink--Toolbar:before {
    font-size: 15px; }
  .TextLink--Toolbar:hover {
    background: #fff;
    color: rgba(0, 0, 0, 0.4);
    color: #999\9; }
  .TextLink--Toolbar.is-Selected {
    color: #333;
    background: #e6e6e6;
    pointer-events: none;
    cursor: default;
    pointer-events: none; }
    @media screen and (min-width: 1px) {
      .TextLink--Toolbar.is-Selected {
        color: rgba(0, 0, 0, 0.8);
        background: rgba(0, 0, 0, 0.05); } }
  .TextLink--Toolbar.is-Disabled {
    cursor: default;
    pointer-events: none;
    color: #b3b3b3; }
    @media screen and (min-width: 1px) {
      .TextLink--Toolbar.is-Disabled {
        color: rgba(0, 0, 0, 0.3); } }
    .TextLink--Toolbar.is-Disabled:hover {
      background: none;
      opacity: none;
      pointer-events: none; }
  .TextLink--Toolbar:disabled {
    background: none;
    opacity: none;
    pointer-events: none; }
  .TextLink--Toolbar:last-child {
    margin-right: 0; }

.TextLink__Icon--Toolbar {
  padding-right: 4px;
  display: inline-block;
  vertical-align: middle; }
  .TextLink__Icon--Toolbar:before {
    font-size: 15px; }

.TextLink--CarouselProductName {
  max-height: 3em;
  vertical-align: middle;
  margin-bottom: 0;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
  display: inline-block; }
  @media (min-width: 1px) {
    .TextLink--CarouselProductName {
      height: auto;
      display: -webkit-box;
      margin-bottom: 4px; } }

/* utilityクラス */
.u-FontSize--Default {
    font-size: 1.3rem!important;
}

.Table {
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

.Table--MaxWidth {
  width: 100%
}

.Table__HeadCell {
  padding: 8px;
  background: #fafafa;
  font-weight: normal;
  text-align: left
}

.Table__HeadCell--TopHeader {
  border-bottom: 1px solid #b3b3b3
}

.Table__Row {
  border-top: 1px solid #e6e6e6
}

.Table__Row:first-child {
  border: none
}

.Table__TbodyCell {
  padding: 8px
}

.Table__Row.is-StripeStyle {
  background: #fafafa
}


/* コンテンツ 
=================================*/
.b2b-hidden{
  display: none;
}
.PrvplcContainer{
  width: 960px;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
}
.PrvplcPageTitle{
  margin-bottom: 2em;
  padding-top: 16px;
  font-weight: normal;
  font-size: 2.2rem;
}
.Section--Note{
  border-top: 1px solid #ccc;
  padding-top: 24px;
}
.PrvplcSection__indent{
  padding-left: 2em;
  line-height: 1.6;
  margin-top: 0.5em;
}
.PrvplcTitle--h2{
  font-size: 1.9rem;
  margin-bottom: 0.5em;
  color: #333;
  border-bottom: 1px solid #ccc;
}
.PrvplcTitle--h3{
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.5em;
  color: #333;
}
.PrvplcTitle--h4{
  font-size: 1.5rem;
  color: #333;
  display: block;
  margin-bottom: 0.5em;
  padding-left: 8px;
  border-left: 4px solid #ccc;
  margin-top: 16px;
}
.PrvplcTitle--Note{
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0.75em;
}
.PrvplcText{
  font-size: 1.5rem;
  line-height: 1.6;
}
.PrvplcText--Note{
  font-size: 1.3rem;
  line-height: 1.6;
}
.PrvplcOl{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 0;
}
.PrvplcOl__Item{
  list-style-type: decimal;
  margin-left: 2.5em;
  line-height: 1.6;
  margin-bottom: 0.5em;
}

.PrvplcOl__Item--ListStyleTypeDisc {
  list-style-type: disc;
}

.PrvplcOl--02{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.PrvplcOl__Item--02{
  margin-left: 1.5em;
  padding-left: 2em;
  text-indent: -2em;
}
.PrvplcUl{
  margin-top: 0.5em;
  margin-bottom: 0.5em; 
}
.PrvplcUl__Item{
  list-style-type: disc;
  margin-left: 2.5em;
  line-height: 1.6;
}
.TextLink--Prvplc,
.TextLink--Prvplc:link,
.TextLink--Prvplc:active,
.TextLink--Prvplc:visited{
  text-decoration: underline;
}
.PrvplcDt{
  float: left;
}
.PrvplcDt--No6{
  width: 7em;
}
.PrvplcDd:before{
  content:":";
  display:inline-block;
  padding-right:4px;
  padding-left: 4px;
}
.RevisionDate{
  font-size: 1.3rem;
  text-align: right;
}

.UpdateList {
  margin: 16px 0 48px 0;
}

.UpdateList__Title {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: bold;
}

.UpdateList__Item {
  display: list-item;
  list-style: circle;
  margin-inline-start: 24px;
  line-height: 1.6;
}


/* SP 
==================================*/
#contents{
  margin-bottom: 56px;
}
@media only screen and (max-width: 640px) {
  .PrvplcPageTitle{
    font-size: 19px;
  }
  .PrvplcTitle--h2{
    font-size: 15px;
  }
  .PrvplcText{
    font-size: 13px;
  }
  .PrvplcDt--No6{
    width: auto;
  }
}


/* utilityクラス
==================================*/
.u-TextAlign--Right{
  text-align: right;
}