@charset "UTF-8";

/* base */

html {
    font-family: Meiryo, 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    font-size: 62.5%;
}

body {
    background: #f4f3f1;
    font-size: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.4;
    margin: 0;
    font-size: 100%;
}

p {
    margin: 0;
}

img {
    max-width: 100%;
    vertical-align: top;
}

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

em {
    font-style: normal;
}

strong {
    color: #bf0000;
}

table {
    width: 100%;
    border-collapse: collapse;
}

a {
    word-wrap: break-word;
    outline: none;
}

a:link {
    color: #0077cc;
    text-decoration: none;
}

a:visited {
    /* color: #551a8b; */
    color: #0077cc;
    text-decoration: none;
}

a:hover,
a :active {
    color: #0077cc;
    text-decoration: underline;
}

dl {
    margin: 0;
}


/* table */

table {
    line-height: 1.6;
    font-size: 1.4rem;
    word-break: break-all;
}

table caption {
    text-align: left;
}

table th,
table td {
    vertical-align: top;
    border: 1px solid #545454;
    background: #fff;
    font-weight: normal;
    text-align: left;
}

table.center th,
table .center td {
    text-align: center;
    vertical-align: middle;
}

table thead th {
    padding: 15px 10px;
    background: #dadada;
}

table tbody th,
table tbody td {
    padding: 10px 10px;
}

table tbody th {
    background: #f0f0f0;
}

table.border-none th,
table.border-none td {
    border: none;
}


/* utility */

.clearfix {
    display: block;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.bold {
    font-weight: bold;
}

.right {
    text-align: right;
}

.emendation {
    padding: 5px 20px;
    border: 2px dotted #f00;
    background: rgba(191, 0, 0, 0.1) !important;
    color: #f00;
}

.marker {
    background: #ffff00;
}

.marker-active {
    background: #ffbb7a;
}

.border-none {
    border: none !important;
}

.border {
    border: solid 1px #000;
}

.icon-blank a::after {
    display: inline-block;
    content: "";
    width: 11px;
    height: 11px;
    margin: 0 0 0 8px;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -35px -5px;
}

.icon-file {
    font-size: 1.4rem;
}

.icon-file::before {
    display: inline-block;
    position: relative;
    top: 2px;
    content: "";
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: 0 20px;
    /* no-icon */
}

.icon-file::after {
    display: inline-block;
    content: "";
    width: 11px;
    height: 11px;
    margin: 0 0 0 8px;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -5px -95px;
}

.icon-file.excel::before {
    background-position: -26px -95px;
}

.icon-file.ppt::before {
    background-position: -177px -95px;
}

.icon-file.txt::before {
    background-position: -65px -155px;
}

.icon-file.pdf::before {
    background-position: -151px -95px;
}

.icon-file.bmp::before {
    background-position: -56px -5px;
}

.icon-file.zip::before {
    background-position: -119px -155px;
}

.icon-file a {
    padding: 0 5px 0 0;
}

.icon-anchor a::after {
    display: inline-block;
    position: relative;
    top: -1px;
    content: "v";
    margin: 0 0 0 10px;
    font-size: 1.0rem;
    -webkit-transform: scaleX(1.8);
    transform: scaleX(1.8);
    text-indent: 0;
}

.text-ellipsis a {
    display: inline-block;
    line-height: 1.4;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.small {
    font-size: 1.4rem;
}

.annotation {
    font-size: 1.2rem;
}

.figure {
    margin: 20px 0;
}

.ls14 {
    letter-spacing: 1.4px;
}

.btn {
    margin: 50px 0;
    text-align: center;
}

.btn.entry a {
    padding: 10px 35px;
    background: #bf0000;
    border-radius: 5px;
    color: #fff;
    font-size: 2.4rem;
}


/* headline */

.title-h1,
h1 {
    line-height: 1.0;
    margin: 0 0 30px 0;
    font-size: 4.8rem;
    font-weight: normal;
}

.title-h2,
h2 {
    color: #bf0000;
    font-size: 3.0rem;
}

.title-h2 span,
h2 span {
    display: block;
    color: #9a9a9a;
    font-weight: normal;
}

.title-h2 span.related,
h2 span.related {
    display: block;
    color: #9a9a9a;
    margin: 0 0 5px 0;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: right;
}

.title-h2.icon-beginner::before,
h2.icon-beginner::before {
    display: inline-block;
    position: relative;
    top: 6px;
    content: "";
    width: 20px;
    height: 26px;
    margin: 0 8px;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -5px -5px;
    vertical-align: top;
}

.title-h3,
h3 {
    line-height: 1.4;
    padding: 0 0 0 10px;
    border-left: 6px solid #bf0000;
    font-size: 2.0rem;
    font-weight: bold;
}

.title-h3:not(:first-of-type),
h3:not(:first-of-type) {
    margin-top: 45px;
}

.title-h3 span .icon-new,
h3 span .icon-new {
    top: -4px;
}

.title-h3 .icon-01,
h3 .icon-01 {
    padding: 0 0 0 44px;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cxb&oid=00D280000020VxK&lastMod=1540171120000) 14px 50% no-repeat;
}

.title-h4,
h4 {
    margin: 30px 0 0 0;
    padding: 5px 15px;
    background: #ffd7d7;
    font-size: 1.8rem;
    font-weight: normal;
}

h3+h4,
.title-h3+h4,
h3+.title-h4,
.title-h3+.title-h4 {
    margin-top: 10px;
}

.title-h5,
h5 {
    margin: 30px 0 0 0;
    font-size: 1.6rem;
    font-weight: bold;
}

.title-h5::before,
h5::before {
    content: "\25a0";
}

.title-h5.none::before,
h5.none::before {
    content: "";
}


/* emphasis */

.remark {
    padding: 0 0 10px 4.5em;
    text-indent: -4.5em;
}

.attention,
.point {
    font-weight: bold;
}

.attention {
    color: #ff6801;
}

.point {
    color: #e4007f;
}


/* icon */

.icon-navi {
    display: block;
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000");
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.icon-navi.icon-header-01 {
    background-position: -5px -5px;
}

.icon-navi.icon-header-02 {
    background-position: -40px -5px;
}

.icon-navi.icon-header-03 {
    background-position: -75px -5px;
}

.icon-navi.icon-header-04 {
    background-position: -110px -5px;
}

.icon-navi.icon-header-05 {
    background-position: -145px -5px;
}

.icon-navi.icon-header-search {
    width: 55px;
    height: 55px;
    background-position: -264px -5px;
}

.icon-new {
    display: inline-block;
    position: relative;
    top: -2px;
    line-height: 1.6;
    margin: 0 0 0 10px;
    padding: 0 6px;
    background: #e4007f;
    /*border-radius: 5px;*/
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    font-style: normal;
}

.icon {
    display: inline-block;
    position: relative;
    top: 6px;
    padding: 0 8px 0 0;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cxW&oid=00D280000020VxK&lastMod=1540171098000) no-repeat;
    text-align: center;
}

.sign-01 {
    width: 20px;
    height: 20px;
    background-position: -5px -5px;
}

.sign-02 {
    width: 38px;
    height: 18px;
    background-position: -35px -5px;
}

.sign-03 {
    width: 16px;
    height: 14px;
    background-position: -83px -5px;
}

.sign-04 {
    width: 16px;
    height: 12px;
    background-position: -109px -5px;
}

.sign-05 {
    width: 42px;
    height: 20px;
    background-position: -135px -5px;
}

.sign-06 {
    width: 20px;
    height: 20px;
    background-position: -5px -35px;
}

.sign-07 {
    width: 53px;
    height: 24px;
    background-position: -35px -35px;
}

.sign-08 {
    width: 20px;
    height: 20px;
    background-position: -98px -35px;
}

.sign-09 {
    width: 53px;
    height: 52px;
    background-position: -128px -35px;
}

.sign-10 {
    width: 53px;
    height: 52px;
    background-position: -5px -97px;
}

.sign-11 {
    width: 22px;
    height: 12px;
    background-position: -68px -97px;
}

.sign-12 {
    min-width: 25px;
    height: 25px;
    background-position: -100px -97px;
    font-weight: bold;
}

.sign-13 {
    width: 24px;
    height: 24px;
    background-position: -135px -97px;
}

.sign-14 {
    width: 31px;
    height: 34px;
    background-position: -169px -97px;
}

.sign-15 {
    width: 31px;
    height: 34px;
    background-position: -68px -141px;
}

.sign-16 {
    width: 31px;
    height: 34px;
    background-position: -109px -141px;
}

.sign-17 {
    width: 31px;
    height: 34px;
    background-position: -150px -141px;
}

.sign-18 {
    width: 18px;
    height: 18px;
    background-position: -5px -185px;
}

.sign-19 {
    width: 18px;
    height: 18px;
    background-position: -33px -185px;
}

.sign-20 {
    width: 53px;
    height: 52px;
    background-position: -191px -5px;
}

.sign-21 {
    width: 24px;
    height: 26px;
    background-position: -210px -67px;
}

.sign-22 {
    width: 54px;
    height: 24px;
    background-position: -210px -103px;
}

.sign-23 {
    width: 53px;
    height: 24px;
    background-position: -210px -137px;
}

.sign-24 {
    width: 53px;
    height: 52px;
    background-position: -191px -171px;
}

.sign-25 {
    width: 20px;
    height: 20px;
    background-position: -5px -67px;
}

.column .summary .details .icon.new {
    top: -1px;
    line-height: 1.4;
    margin: 0 0 0 10px;
    padding: 1px 10px;
    background: #e4007f;
    border-radius: 3px;
    color: #fff;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: bold;
}

.sign-01 {
    top: 4px;
}

.sign-02 {
    margin: 0 0 0 10px;
}

.sign-05 {
    top: 5px;
}

.layer-s .column>.contents .aside .sign-01,
.layer-s .column>.contents .aside .sign-05,
.layer-s .column>.contents .aside .sign-22 {
    margin-left: 0;
}

.sign-06,
.sign-25 {
    top: 5px;
}

.sign-08 {
    top: 5px;
}

.sign-12 {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 2px;
    font-style: normal;
    color: #fff;
    background: #3fb2f3;
    margin: 0 8px 0 0;
    padding: 0;
    height: auto;
}

.sign-18,
.sign-19 {
    left: 0;
    top: 20px;
    bottom: 0;
    padding: 0;
}

.sign-21 {
    margin: 0 0 0 10px;
}


/* global header */

.g-header {
    position: fixed;
    top: 0;
    z-index: 2000;
    width: 100%;
}

.g-header .enclose {
    position: relative;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 15px 8px 15px;
    border-bottom: 2px solid #f4f3f1;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.g-header .enclose .g-header-main {
    display: table;
    position: relative;
    z-index: 900;
    width: 100%;
    height: 60px;
    background: #fff;
}

.g-header .enclose .g-header-main>div {
    display: table-cell;
    vertical-align: middle;
}

.g-header .enclose .g-header-sub {
    position: relative;
    /* z-index: 900; */
    width: 1024px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.g-header.shadow .enclose {
    border-bottom: none;
    -webkit-box-shadow: 0 0 22px rgba(155, 155, 155, 0.5);
    box-shadow: 0 0 22px rgba(155, 155, 155, 0.5);
}

.g-header .g-header-title {
    position: relative;
    line-height: 1.2;
    width: 268px;
    min-width: 268px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.g-header .g-header-title .logo {
    display: inline-block;
    vertical-align: middle;
}

.g-header .search-rms-menu {
    display: table;
    position: relative;
    float: left;
    width: 160px;
    height: 66px;
    border: 1px solid #c8c8c8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.g-header .search-rms-menu::after {
    position: absolute;
    top: calc(50% - 5px);
    right: 7px;
    content: "";
    border-top: 7px solid #bf0000;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.g-header .search-rms-menu.active::after {
    border-top: 7px solid #fff;
}

.g-header .g-header-sub.minimize .search-rms-menu {
    height: 38px;
}

.g-header .search-rms-menu:hover {
    cursor: pointer;
}

.g-header .search-rms-menu>.menu-button {
    display: table-cell;
    position: relative;
    padding: 0 0 0 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #bf0000;
    font-size: 1.2rem;
    vertical-align: middle;
}

.g-header .search-rms-menu.active>.menu-button {
    background: #bf0000;
    color: #fff;
}


/* dropdown menu */

.dropdown-menu {
    display: none;
    position: absolute;
    z-index: 100;
    top: 65px;
    left: 0;
    line-height: 1.2;
    padding: 10px 0;
    border: 1px solid #dadada;
    border-right-color: #dadada;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 0.3);
    text-align: left;
}

.g-header .dropdown-menu {
    width: 260px;
}

.g-header-sub.minimize .dropdown-menu {
    top: 37px;
}

.dropdown-menu>li {
    display: block;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 37px 3px 20px;
    position: relative;
    border-left: 6px solid #fff;
}

.dropdown-menu>li>a::after {
    position: absolute;
    right: 10px;
    content: "";
    width: 16px;
    height: 16px;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cyF&oid=00D280000020VxK&lastMod=1540171295000") no-repeat;
    background-position: -5px -5px;
}

.dropdown-menu>li>a.maintainHover {
    border-left: 6px solid #bf0000;
    color: #bf0000;
    font-weight: bold;
}

.dropdown-menu>li>a.maintainHover::after {
    background-position: -27px -5px;
}

.dropdown-menu>li.all {
    margin: 1em 0 0 0;
}

.dropdown-menu>li.all>a::after {
    display: none;
}

.dropdown-menu a {
    color: #000;
    font-size: 1.3rem;
    font-weight: normal;
}

.dropdown-menu li a {
    position: relative;
    text-decoration: none;
}

.dropdown-menu li .category {
    display: block;
    margin: 5px 35px 5px 20px;
    padding: 10px 0 0;
    border-top: 1px solid #dadada;
    color: #828282;
    font-size: 1.2rem;
    font-weight: bold;
}

.dropdown-menu li .category.empty {
    margin-bottom: 0;
}

.dropdown-menu li:first-child .category {
    padding: 0;
    border: none;
}

.dropdown-menu .popover {
    display: none;
    position: absolute;
    top: -1px;
    z-index: -10;
    padding: 20px 20px 25px 20px;
    border: 1px solid #dadada;
    background: #fff;
    -webkit-box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 596px;
    color: #333;
    font-size: 1.4rem;
    opacity: 0;
}

.dropdown-menu .popover .column2 {
    width: 590px;
}

.dropdown-menu .popover .column2 .column {
    width: 285px;
}

.dropdown-menu .popover .column2 .floatR {
    margin: 0 0 0 20px;
}

.dropdown-menu .popover:hover {
    opacity: 1.00 !important;
    filter: alpha(opacity=100) !important;
    -ms-filter: "alpha(opacity=100)" !important;
}

.dropdown-menu .popover dl dt {
    margin: 20px 0 0 0;
    color: #bf0000;
    font-size: 1.8rem;
    font-weight: bold;
}

.dropdown-menu .popover .floatL dl:first-child dt,
.dropdown-menu .popover .floatR dl:first-child dt {
    margin: 0;
}

.dropdown-menu .popover dl dt a {
    color: #bf0000;
    font-size: 1.8rem;
    font-weight: bold;
}

.dropdown-menu .popover dl dt a:hover {
    text-decoration: underline;
}

.dropdown-menu .popover dl dd,
.dropdown-menu .popover dl dd a {
    display: block;
    position: relative;
    padding: 0 25px 0 0;
    font-size: 1.2rem;
}

.dropdown-menu .popover dl dd {
    margin: 8px 0 0 0;
    /*padding: 0 0 0 40px;*/
}

.dropdown-menu .popover dl dd a:hover {
    color: #bf0000;
    text-decoration: underline;
}

.dropdown-menu .popover dl dd ul li {
    margin: 8px 0 0 0;
}

.dropdown-menu .popover dl dd ul li a {
    display: inline-block;
    padding: 0 2em 0 1em;
}

.dropdown-menu .popover dl dd ul li a::before {
    display: inline-block;
    left: -51px;
    content: "\30fb";
    text-indent: -1em;
}

.dropdown-menu .popover dl dt+dd {
    margin: 20px 0 0 0;
}

.dropdown-menu .popover dl .sub-title {
    margin: 20px 0 0 0;
    font-weight: bold;
}

.dropdown-menu .popover dl .sub-title a {
    font-weight: bold;
}

.dropdown-menu .popover dl .sub-title+dd {
    margin: 8px 0 0 0;
}

.dropdown-menu .popover dl .hidden-title {
    visibility: hidden;
    margin: 0;
}

.g-header .g-header-search {
    position: relative;
    width: 100%;
}

.g-header .g-header-search input[type="text"] {
    width: 100%;
    min-width: 250px;
    height: 40px;
    padding: 10px 50px 9px 10px;
    border: 2px solid #bf0000;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.5rem;
}

.g-header .g-header-search input[type="submit"] {
    position: absolute;
    right: 2px;
    top: 12px;
    width: 40px;
    height: 36px;
    border: none;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") -352px -14px no-repeat #bf0000;
    font-size: 20px;
}

.g-header .g-header-search input[type="submit"]:hover {
    cursor: pointer;
}

.g-header .g-header-function {
    padding: 0 20px 0 20px;
}

.g-header .g-header-function>ul.icon-menu {
    float: left;
}

.g-header .g-header-function ul.icon-menu {
    display: table;
}

.g-header .g-header-function ul.icon-menu>li {
    position: relative;
    display: table-cell;
}

.g-header .g-header-function ul.icon-menu>li>a {
    display: block;
    line-height: 1.3;
    width: 60px;
    padding: 4px 5px 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.1rem;
    color: #bf0000;
    text-decoration: none;
    text-align: center;
}

.g-header .g-header-function ul.icon-menu>li>a::before {
    display: block;
    position: relative;
    left: 12px;
    content: "";
    padding: 0 0 4px 0;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
}

.g-header .g-header-function ul.icon-menu>li>a:hover {
    opacity: 0.55;
    filter: alpha(opacity=55);
    -ms-filter: "alpha(opacity=55)";
}

.g-header .g-header-function ul.icon-menu .menu-items a:hover {
    opacity: 0.55;
    filter: alpha(opacity=55);
    -ms-filter: "alpha(opacity=55)";
}

.g-header .g-header-function ul.icon-menu li a::before {
    width: 25px;
    height: 25px;
}

.g-header .g-header-function ul.icon-menu li .old_navi a {
    width: 65px;
}

.g-header .g-header-function ul.icon-menu li .old_navi a::before {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K000008eg6Y&oid=00D280000020VxK&lastMod=1550714482000) no-repeat;
    width: 30px;
    height: 25px;
}

.g-header .g-header-function ul.icon-menu li.error a::before {
    background-position: -145px -155px;
}

.g-header .g-header-function ul.icon-menu li.glossary a::before {
    background-position: -180px -155px;
}

.g-header .g-header-function ul.icon-menu li.tellus a::before {
    background-position: -347px -70px;
}

.g-header .g-header-function ul.icon-menu li.tutorial a::before {
    background-position: -382px -70px;
}

.g-header .g-header-function ul.icon-menu li.menu a::before {
    background-position: -215px -155px;
}

.g-header .g-header-function ul.icon-menu li.rms-menu a::before {
    width: 23px;
    height: 23px;
    background-position: -99px -188px;
}

.g-header .g-header-function ul.icon-menu li.html-tag a::before {
    width: 25px;
    height: 25px;
    background-position: -145px -155px;
}

.g-header .g-header-function ul.icon-menu li.links a::before {
    width: 23px;
    height: 23px;
    background-position: -250px -155px;
}

.g-header .g-header-function ul.icon-menu li.news a::before {
    width: 24px;
    height: 24px;
    background-position: -65px -188px;
}

.g-header .g-header-function ul.icon-menu li.ron a::before {
    width: 23px;
    height: 23px;
    background-position: -250px -188px;
}

.g-header .g-header-function ul.icon-menu li.old_navi a {
    width: 65px;
}

.g-header .g-header-function ul.icon-menu li.old_navi a::before {
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K000008eg6Y&oid=00D280000020VxK&lastMod=1550714482000) no-repeat;
    width: 30px;
    height: 25px;
}

.g-header .g-header-function ul.icon-menu li.menu .menu-items {
    display: none;
    position: absolute;
    z-index: 10;
    top: 54px;
    right: 0;
    line-height: 1.8;
    width: auto;
    padding: 15px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 0.3);
    border: 1px solid #dadada;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.g-header .g-header-function ul.icon-menu li.menu .menu-items::before {
    display: block;
    position: absolute;
    top: -17px;
    right: 21px;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #dadada;
    border-left: 8px solid transparent;
}

.g-header .g-header-function ul.icon-menu li.menu .menu-items a {
    color: #bf0000;
}

.g-header .g-header-function ul.icon-menu li.menu .menu-items .icon-menu {
    margin: 15px 0 0 0;
}

.g-header .g-header-function ul.icon-menu li.menu .menu-items .icon-menu li {
    vertical-align: top;
}

.g-header .g-header-function ul.icon-menu li.menu .menu-items .others {
    margin: 10px 0 0 0;
    padding: 10px 10px 0;
    border-top: 1px dotted #ddd;
    font-size: 1.2rem;
}

.g-header .g-header-function ul.icon-menu li.menu .menu-items .others li {
    margin: 2px 0 0 0;
}

.g-header .g-header-function ul.icon-menu li.menu .menu-items .others li:first-child {
    margin: 0;
}

.g-header .g-header-function ul.icon-menu .menu-items .home {
    text-align: right;
    font-size: 1.3rem;
}

.g-header .g-header-function .switch-payment,
.g-header .g-header-function .site-guide {
    display: inline-block;
    margin: 0 0 0 15px;
    font-size: 1.1rem;
}

.g-header .g-header-function .switch-payment:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
}

.g-header .g-header-function .switch-payment a {
    display: inline-block;
    position: relative;
    padding: 2px 10px 2px 27px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.g-header .g-header-function .switch-payment a::before {
    position: absolute;
    left: 7px;
    content: url(3/img/common/icon_switch.png);
}

.g-header .g-header-function .site-guide a {
    color: #fff;
}

.g-header .g-header-function .site-guide a::before {
    content: ">";
}


/* global footer */

.footer {
    position: relative;
    z-index: 1000;
    line-height: 1.6;
    width: 1024px;
    margin: 0 auto;
    padding: 50px 15px 30px 15px;
    background: #f4f3f1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer .enclose {
    /* padding: 35px 20px 30px 20px; */
    font-size: 1.4rem;
}

.footer .enclose .navi .column {
    float: left;
    width: 25%;
    padding: 15px 8px 15px 10px;
    border-left: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer .enclose .navi .column:first-child {
    padding-left: 0;
    border: none;
}

.footer .enclose .navi .column dl dt {
    margin: 25px 0 5px 0;
    font-weight: bold;
}

.footer .enclose .navi .column dl dt:first-child {
    margin-top: 0;
}

.footer .enclose .navi .column dl dd {
    margin: 0;
    padding: 0 0 0 1em;
    font-size: 1.2rem;
}

.footer .enclose .navi .column dl a {
    color: #333;
}

.footer .enclose .copyright {
    margin: 100px 0 0 0;
}

.footer .enclose .copyright ul {
    float: left;
    width: 870px;
}

.footer .enclose .copyright ul li {
    display: inline-block;
}

.footer .enclose .copyright ul li::before {
    padding: 0 5px 0 0;
    content: "\ff5c";
}

.footer .enclose .copyright ul li:first-child::before {
    content: "";
}

.footer .enclose .copyright ul li a {
    color: #333;
}

.footer .enclose .copyright small {
    float: right;
    font-size: 1.4rem;
}


/* side-navi */

.side-navi-liquid {
    margin-left: 320px;
    /* 700 or 320? */
    /* set by js */
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.side-navi {
    position: absolute;
    z-index: 200;
    top: 0;
    width: 50px;
    /* set by js */
    height: 100%;
    padding: 140px 0 0 0;
    background: #f9f9f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.side-navi>div {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.side-navi .arrow {
    display: inline-block;
    position: fixed;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    padding: 6px;
    vertical-align: middle;
    text-decoration: none;
    -webkit-transition: margin 0.2s;
    transition: margin 0.2s;
}

.side-navi .arrow::before,
.side-navi .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: '';
    vertical-align: middle;
}

.side-navi .arrow::before {
    left: 3px;
    width: 21px;
    height: 3px;
    background: #6e6e6e;
}

.side-navi .arrow::after {
    left: 8px;
    width: 14px;
    height: 14px;
    border-top: 3px solid #6e6e6e;
    border-right: 3px solid #6e6e6e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.side-navi .arrow:hover {
    cursor: pointer;
    opacity: 0.75;
}

.side-navi.active {
    z-index: 10;
}

.side-navi.active .arrow {
    margin-left: 250px;
    /* set by js */
}

.side-navi.active .arrow::before {
    left: 9px;
}

.side-navi.active .arrow::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.side-navi .side-navi-closed {
    position: fixed;
    width: 50px;
    margin-top: 45px;
    padding: 0 0 15px 5px;
    font-size: 1.4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.side-navi .side-navi-closed>div {
    padding: 0 0 0 5px;
    border-right: 4px solid #686868;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.side-navi .side-navi-closed>div+div {
    margin-top: 20px;
}

.side-navi .side-navi-closed>div>span {
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
}

.side-navi .side-navi-closed>div>.numeric {
    margin: 0 0 0 2px;
    writing-mode: lr-tb;
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: lr-tb;
}

.side-navi .side-navi-closed>div>.heading {
    max-height: 13em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
}

.side-navi .side-navi-closed>div>.prefix {
    margin: 1em 0 0 0;
    writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
}

.side-navi .side-navi-open {
    display: none;
    position: fixed;
    line-height: 1.4;
    width: 300px;
    /* set by js */
    height: calc(100vh - 200px);
    margin-top: 45px;
    padding: 0 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    font-size: 1.4rem;
}

.side-navi .side-navi-open .title {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 16px);
    margin: 30px 0 20px 8px;
    padding: 12px 12px 12px 36px;
    border-radius: 5px;
    font-weight: bold;
    background: #9c9c9c;
    color: #fff;
    font-size: 1.4rem;
}

.side-navi .side-navi-open .title:first-child {
    margin-top: 0;
}

.side-navi .side-navi-open .title::before {
    display: inline-block;
    position: absolute;
    top: calc(50% - 7px);
    left: 13px;
    content: '';
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000");
}

.side-navi .side-navi-open .title.outline::before {
    width: 14px;
    height: 12px;
    background-position: -5px -70px;
}

.side-navi .side-navi-open .title.qa::before {
    width: 14px;
    height: 14px;
    background-position: -29px -70px;
}

.side-navi .side-navi-open {
    scrollbar-color: #c1c1c1 #f1f1f1;
}

.side-navi .side-navi-open::-webkit-scrollbar {
    width: 10px;
}

.side-navi .side-navi-open::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #f1f1f1;
}

.side-navi .side-navi-open::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #c1c1c1;
}

.side-navi .side-navi-open::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.side-navi .side-navi-open::-webkit-scrollbar-thumb:active {
    background: #787878;
}

.side-navi .side-navi-open .side-navi-index {
    padding: 0;
}

.side-navi .side-navi-open .side-navi-index ul>li {
    margin: 8px 0 0 0;
}

.side-navi .side-navi-open .side-navi-index ul>li>a {
    position: relative;
    padding: 0 40px;
    display: block;
    font-weight: bold;
    font-size: 1.5rem;
    text-decoration: none;
}

.side-navi .side-navi-open .side-navi-index ul>li>a::before {
    display: inline-block;
    position: absolute;
    content: '\25cf';
    top: 0;
    left: 22px;
}

.side-navi .side-navi-open .side-navi-index ul>li.accordion {
    margin: 16px 0 16px;
}

.side-navi .side-navi-open .side-navi-index ul>li.accordion>a {
    color: #828282;
}

.side-navi .side-navi-open .side-navi-index ul>li.accordion>a::after {
    position: absolute;
    width: auto;
    height: auto;
    left: auto;
    right: 2.2rem;
    margin: 0;
    background: none;
    border-radius: 0;
    color: inherit;
    font-weight: bold;
    font-size: 1.8rem;
    content: '\ff0b';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: calc(50% - 1px);
}

.side-navi .side-navi-open .side-navi-index ul>li.accordion.open>a::after {
    content: '\ff0d';
}

.side-navi .side-navi-open .side-navi-index ul>li.accordion>a:hover {
    cursor: pointer;
    opacity: 0.7;
}

.side-navi .side-navi-open .side-navi-index ul>li.accordion>ul {
    display: none;
}

.side-navi .side-navi-open .side-navi-index ul>li.accordion>ul>li>a {
    font-size: 1.4rem;
    font-weight: normal;
}

.side-navi .side-navi-open .side-navi-index ul>li.accordion>ul>li>a::before {
    display: inline-block;
    position: absolute;
    content: '\ff65';
    top: 0;
    left: 28px;
}

.side-navi .side-navi-open .side-navi-index ul>li:not(.accordion)>a:hover {
    text-decoration: underline;
}

.side-navi .side-navi-open .side-navi-index ul>li:not(.accordion)::before {
    content: '';
}

.side-navi .side-navi-open .side-navi-index ul>li>ul {
    padding: 0 0 0 1em;
    font-size: 1.4rem;
}

.side-navi .side-navi-open .side-navi-index ul>li>ul>li>ul {
    padding: 0;
}

.side-navi .side-navi-open .side-navi-index ul li.current-index>a {
    padding-top: 3px;
    padding-bottom: 2px;
    border: none;
    background: #fff;
    font-weight: bold;
    color: #bf0000 !important;
    cursor: text;
}

.side-navi .side-navi-open .side-navi-index ul li.current-index>a:hover {
    text-decoration: none;
}

.side-navi .side-navi-open .side-navi-index ul li.current-index>a::before {
    top: 3px;
}

.side-navi .side-navi-open .side-navi-free-text {
    margin: 15px 0 0 0;
    padding: 15px 15px 0;
    border-top: 1px solid #c8c8c8;
}

.side-navi .side-navi-open .side-navi-free-text p+p {
    margin: 5px 0 0 0;
}

.side-navi .side-navi-open .side-navi-qa {
    padding: 0;
    counter-reset: side-navi-qa 0;
}

.side-navi .side-navi-open .side-navi-qa ul li {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    white-space: pre-wrap;
    text-overflow: none;
    padding: 0 25px 0 40px;
}

.side-navi .side-navi-open .side-navi-qa ul li::before {
    counter-increment: side-navi-qa 1;
    content: counter(side-navi-qa);
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: calc(50% - 2px);
    left: 16px;
    font-weight: bold;
    font-size: 9px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    background-color: #E5BD54;
}

.side-navi .side-navi-open .side-navi-qa ul li:nth-of-type(2)::before {
    background-color: #b6b6b6;
}

.side-navi .side-navi-open .side-navi-qa ul li:nth-of-type(3)::before {
    background-color: #cc8f52;
}

.side-navi .side-navi-open .side-navi-qa ul li:nth-of-type(n+4)::before {
    color: #b6b6b6;
    background-color: transparent;
    border: solid 1px #b6b6b6;
}

.side-navi .side-navi-open .side-navi-qa ul li+li {
    margin-top: 16px;
}

.side-navi.relative .arrow,
.side-navi.relative .side-navi-closed,
.side-navi.relative .side-navi-open {
    position: relative;
}

.side-navi.relative .side-navi-closed,
.side-navi.relative .side-navi-open {
    top: -38px;
}

.no-side-navi-liquid {
    margin: 0 auto;
}


/* navigation */

.nav li:hover {
    cursor: pointer;
}


/* rms-menu navigation */


/* dropdown menu */

.nav-rms-menu {
    float: left;
    width: 238px;
}

.nav-rms-menu .dropdown-menu {
    display: block;
    position: relative;
    z-index: 90;
    top: 0;
    left: 0;
    line-height: 1.2;
    border: 1px solid #adadad;
    border-right-color: #adadad;
    border-radius: 0;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav-rms-menu .dropdown-menu::before {
    display: none;
}

.nav-rms-menu .dropdown-menu .popover {
    border-color: #adadad;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav-rms-others {
    margin: 39px 0 0 0;
}

.nav-rms-others .details {
    display: none;
    padding: 0 30px;
}


/* global navigation */

.nav.global {
    float: right;
    width: 756px;
    line-height: 1.5;
}

.nav.global>.nav-enclose {
    margin: -10px 0 0 0;
}

.nav.global>div>ul {
    position: relative;
}

.nav.global>div>ul>li {
    float: left;
    width: 143px;
    margin: 10px 10px 0 0;
    border: 1px solid #adadad;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nav.global>div>ul>li:last-child {
    margin-right: 0;
}

.nav.global>div>ul>li .item {
    position: relative;
    color: #828282;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
}

.nav.global>div>ul>li .item a {
    display: block;
    padding: 115px 8px 20px 8px;
    color: #828282;
}

.nav.global>div>ul>li .item a::before {
    display: block;
    position: absolute;
    top: 23px;
    left: calc(100% / 2 - 52px);
    content: '';
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cyU&oid=00D280000020VxK&lastMod=1540171327000");
}

.nav.global>div>ul>li:hover .item a {
    text-decoration: none;
}

.nav.global .nav-01 {
    border-bottom: 8px solid #c51e63;
}

.nav.global .nav-01 .item a::before {
    width: 103px;
    height: 76px;
    background-position: -5px -5px;
}

.nav.global .nav-01.active .item a {
    color: #c51e63;
}

.nav.global .nav-01.active .item a:before {
    width: 103px;
    height: 76px;
    background-position: -118px -5px;
}

.nav.global .nav-02 {
    border-bottom: 8px solid #3694ba;
}

.nav.global .nav-02 .item a::before {
    width: 103px;
    height: 76px;
    background-position: -311px -5px;
}

.nav.global .nav-02.active .item a {
    color: #3694ba;
}

.nav.global .nav-02.active .item a::before {
    width: 103px;
    height: 76px;
    background-position: -5px -91px;
}

.nav.global .nav-03 {
    border-bottom: 8px solid #e1740d;
}

.nav.global .nav-03 .item a::before {
    width: 103px;
    height: 76px;
    background-position: -198px -91px;
}

.nav.global .nav-03.active .item a {
    color: #e1740d;
}

.nav.global .nav-03.active .item a::before {
    width: 103px;
    height: 76px;
    background-position: -311px -91px;
}

.nav.global .nav-04 {
    border-bottom: 8px solid #8ab13a;
}

.nav.global .nav-04 .item a:before {
    width: 103px;
    height: 76px;
    background-position: -85px -177px;
}

.nav.global .nav-04.active .item a {
    color: #8ab13a;
}

.nav.global .nav-04.active .item a::before {
    width: 103px;
    height: 76px;
    background-position: -198px -177px;
}

.nav.global .nav-05 {
    border-bottom: 8px solid #251ec4;
}

.nav.global .nav-05 .item a:before {
    width: 103px;
    height: 76px;
    background-position: -311px -239px;
}

.nav.global .nav-05.active .item a {
    color: #251ec4;
}

.nav.global .nav-05.active .item a::before {
    width: 103px;
    height: 76px;
    background-position: -5px -325px;
}

.nav.global .nav-06 {
    border-bottom: 8px solid #1b9038;
}

.nav.global .nav-06 .item a:before {
    width: 103px;
    height: 76px;
    background-position: -118px -325px;
}

.nav.global .nav-06.active .item a {
    color: #1b9038;
}

.nav.global .nav-06.active .item a::before {
    width: 103px;
    height: 76px;
    background-position: -231px -325px;
}

.nav.global .nav-07 {
    border-bottom: 8px solid #d9b215;
}

.nav.global .nav-07 .item a:before {
    width: 103px;
    height: 76px;
    background-position: -344px -325px;
}

.nav.global .nav-07.active .item a {
    color: #d9b215;
}

.nav.global .nav-07.active .item a::before {
    width: 103px;
    height: 76px;
    background-position: -5px -411px;
}

.nav.global .nav-08 {
    border-bottom: 8px solid #736598;
}

.nav.global .nav-08 .item a:before {
    width: 103px;
    height: 76px;
    background-position: -198px -411px;
}

.nav.global .nav-08.active .item a {
    color: #736598;
}

.nav.global .nav-08.active .item a::before {
    width: 103px;
    height: 76px;
    background-position: -311px -411px;
}

.nav.global .nav-09 {
    border-bottom: 8px solid #36bb9c;
}

.nav.global .nav-09 .item a:before {
    width: 103px;
    height: 76px;
    background-position: -424px -67px;
}

.nav.global .nav-09.active .item a {
    color: #36bb9c;
}

.nav.global .nav-09.active .item a::before {
    width: 103px;
    height: 76px;
    background-position: -424px -239px;
}

.nav.global .nav-10 {
    border-bottom: 8px solid #bb8a45;
}

.nav.global .nav-10 .item a::before {
    width: 103px;
    height: 76px;
    background-position: -457px -325px;
}

.nav.global .nav-10.active .item a {
    color: #bb8a45;
}

.nav.global .nav-10.active .item a::before {
    width: 103px;
    height: 76px;
    background-position: -424px -411px;
}

.nav .item-details {
    display: none;
    position: absolute;
    left: 0;
    z-index: 10;
    width: 1024px;
    padding: 25px 0 0 0;
}

.nav .item-details .enclose:before {
    display: block;
    position: absolute;
    top: -40px;
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f5f5f5;
    border-left: 20px solid transparent;
}

.nav.global .item-details {
    top: 212px;
}

.nav.global .item-details .enclose {
    position: relative;
    padding: 20px;
    background: #f5f5f5;
    -webkit-box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.3);
    font-size: 1.4rem;
    cursor: default;
}

.nav.global .nav-01 .item-details .enclose:before,
.nav.global .nav-06 .item-details .enclose:before {
    left: 80px;
}

.nav.global .nav-02 .item-details .enclose:before,
.nav.global .nav-07 .item-details .enclose:before {
    left: 304px;
}

.nav.global .nav-03 .item-details .enclose:before,
.nav.global .nav-08 .item-details .enclose:before {
    left: 528px;
}

.nav.global .nav-04 .item-details .enclose:before,
.nav.global .nav-09 .item-details .enclose:before {
    left: 752px;
}

.nav.global .nav-05 .item-details .enclose:before,
.nav.global .nav-10 .item-details .enclose:before {
    left: 976px;
}

.nav .item-details .close {
    position: absolute;
    top: 15px;
    right: 10px;
    padding: 3px;
    text-align: right;
    background: #adadad;
}

.nav .item-details .close:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: 'alpha(opacity=70)';
}

.nav .item-details .close i {
    top: 3px;
    left: 4px;
}

.nav .item-details .head {
    position: relative;
    line-height: 56px;
    min-height: 56px;
    margin: 0 20px 0 0;
    padding: 0 0 0 85px;
    font-size: 1.8rem;
    font-weight: bold;
}

.nav .item-details .head::before {
    display: block;
    position: absolute;
    left: 0;
    content: '';
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cyU&oid=00D280000020VxK&lastMod=1540171327000");
}

.nav .item-details dl {
    width: 1060px;
    overflow: hidden;
    margin: 5px 0 0 0;
}

.nav .item-details dl dt {
    float: left;
    clear: both;
    width: 180px;
    padding: 2px 0;
    margin: 0 20px 0 0;
    background: #adadad;
    color: #fff;
    text-align: center;
}

.nav .item-details dl dt span {
    vertical-align: middle;
}

.nav .item-details dl dd {
    float: left;
    width: 840px;
    margin: 0;
    padding: 2px 0 2px 0;
}

.nav .item-details .column2 dd {
    float: left;
    width: 370px;
    margin: 0 20px 0 0;
    padding: 2px 0 2px 0;
}

.nav .item-details .column2 dd p {
    margin: 10px 0 0 0;
}

.nav .item-details .column2 dd p:first-child {
    margin: 0;
}

.nav .item-details .keyword {
    display: table;
}

.nav .item-details .keyword dt,
.nav .item-details .keyword dd {
    display: table-cell;
    float: none;
    vertical-align: middle;
    font-size: 1.6rem;
}

.nav .item-details .keyword dd {
    padding: 10px 20px 10px;
    background: #fff;
}

.nav .item-details .keyword dd ul li {
    display: inline-block;
}

.nav .item-details .keyword dd ul li::before {
    content: '\30FB';
}

.nav .item-details .keyword dd ul li:first-child::before {
    content: '';
}

.nav .nav-01 .item-details .head {
    color: #c51e63;
}

.nav .nav-01 .item-details .head::before {
    width: 70px;
    height: 52px;
    background-position: -231px -5px;
}

.nav .nav-02 .item-details .head {
    color: #3694ba;
}

.nav .nav-02 .item-details .head::before {
    width: 70px;
    height: 52px;
    background-position: -118px -91px;
}

.nav .nav-03 .item-details .head {
    color: #e1740d;
}

.nav .nav-03 .item-details .head::before {
    width: 70px;
    height: 52px;
    background-position: -5px -177px;
}

.nav .nav-04 .item-details .head {
    color: #8ab13a;
}

.nav .nav-04 .item-details .head::before {
    width: 70px;
    height: 52px;
    background-position: -311px -177px;
}

.nav .nav-05 .item-details .head {
    color: #251ec4;
}

.nav .nav-05 .item-details .head::before {
    width: 70px;
    height: 52px;
    background-position: -391px -177px;
}

.nav .nav-06 .item-details .head {
    color: #1b9038;
}

.nav .nav-06 .item-details .head::before {
    width: 70px;
    height: 52px;
    background-position: -5px -239px;
}

.nav .nav-07 .item-details .head {
    color: #d9b215;
}

.nav .nav-07 .item-details .head::before {
    width: 70px;
    height: 52px;
    background-position: -118px -411px;
}

.nav .nav-08 .item-details .head {
    color: #736598;
}

.nav .nav-08 .item-details .head::before {
    width: 70px;
    height: 52px;
    background-position: -424px -5px;
}

.nav .nav-09 .item-details .head {
    color: #36bb9c;
}

.nav .nav-09 .item-details .head::before {
    width: 70px;
    height: 52px;
    background-position: -471px -153px;
}

.nav .nav-10 .item-details .head {
    color: #bb8a45;
}

.nav .nav-10 .item-details .head::before {
    width: 70px;
    height: 52px;
    background-position: -5px -497px;
}

.nav .nav-01 .item-details dl dt {
    background: #c51e63;
}

.nav .nav-02 .item-details dl dt {
    background: #3694ba;
}

.nav .nav-03 .item-details dl dt {
    background: #e1740d;
}

.nav .nav-04 .item-details dl dt {
    background: #8ab13a;
}

.nav .nav-05 .item-details dl dt {
    background: #251ec4;
}

.nav .nav-06 .item-details dl dt {
    background: #1b9038;
}

.nav .nav-07 .item-details dl dt {
    background: #d9b215;
}

.nav .nav-08 .item-details dl dt {
    background: #736598;
}

.nav .nav-09 .item-details dl dt {
    background: #36bb9c;
}

.nav .nav-10 .item-details dl dt {
    background: #bb8a45;
}

.nav .item-details .middle-category {
    width: 1080px;
}

.nav .item-details .middle-category>ol {
    float: left;
    width: 340px;
    margin: 15px 20px 0 0;
}


/* navigation -local- */

.nav.local {
    float: left;
    width: calc(100% - 160px);
}

.nav.local>div>ul {
    float: left;
    width: 50%;
}

.nav.local>div>ul>li {
    float: left;
    width: 20%;
    line-height: 1.3;
    border: 1px solid #c8c8c8;
    border-left: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.1rem;
    vertical-align: top;
}

.nav.local>div>ul>li .item {
    display: table;
    position: relative;
    width: 100%;
}

.nav.local>div>ul>li .item a {
    display: table-cell;
    width: 100%;
    padding: 30px 4px 6px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #828282;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

.nav.local>div>ul>li .item a::before {
    display: block;
    position: absolute;
    top: 6px;
    left: calc(100% / 2 - 19px);
    content: '';
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
}

.nav.local>div.hide>ul>li .item a span {
    display: none;
}

.nav.local ul .item a:before {
    width: 38px;
    height: 22px;
}

.nav.local ul .nav-01 .item a:before {
    background-position: -5px -221px;
}

.nav.local ul .nav-02 .item a:before {
    background-position: -147px -221px;
}

.nav.local ul .nav-03 .item a:before {
    background-position: -243px -221px;
}

.nav.local ul .nav-04 .item a:before {
    background-position: -53px -253px;
}

.nav.local ul .nav-05 .item a:before {
    background-position: -149px -253px;
}

.nav.local ul .nav-06 .item a:before {
    background-position: -245px -253px;
}

.nav.local ul .nav-07 .item a:before {
    background-position: -299px -37px;
}

.nav.local ul .nav-08 .item a:before {
    background-position: -293px -101px;
}

.nav.local ul .nav-09 .item a:before {
    background-position: -283px -165px;
}

.nav.local ul .nav-10 .item a:before {
    background-position: -293px -229px;
}

.nav.local ul .nav-01 .item a:hover,
.nav.local ul .nav-01 .item a:hover::before,
.nav.local ul .nav-01 .item a:hover::after,
.nav.local ul .nav-01 .item a.active,
.nav.local ul .nav-01 .item a.active::before,
.nav.local ul .nav-01 .item a.active::after {
    color: #c51e63;
    border-bottom-color: #c51e63;
    background-position: -99px -221px;
}

.nav.local ul .nav-02 .item a:hover,
.nav.local ul .nav-02 .item a:hover::before,
.nav.local ul .nav-02 .item a:hover::after,
.nav.local ul .nav-02 .item a.active,
.nav.local ul .nav-02 .item a.active::before,
.nav.local ul .nav-02 .item a.active::after {
    color: #3694ba;
    border-bottom-color: #3694ba;
    background-position: -195px -221px;
}

.nav.local ul .nav-03 .item a:hover,
.nav.local ul .nav-03 .item a:hover::before,
.nav.local ul .nav-03 .item a:hover::after,
.nav.local ul .nav-03 .item a.active,
.nav.local ul .nav-03 .item a.active::before,
.nav.local ul .nav-03 .item a.active::after {
    color: #e1740d;
    border-bottom-color: #e1740d;
    background-position: -5px -253px;
}

.nav.local ul .nav-04 .item a:hover,
.nav.local ul .nav-04 .item a:hover::before,
.nav.local ul .nav-04 .item a:hover::after,
.nav.local ul .nav-04 .item a.active,
.nav.local ul .nav-04 .item a.active::before,
.nav.local ul .nav-04 .item a.active::after {
    color: #8ab13a;
    border-bottom-color: #8ab13a;
    background-position: -101px -253px;
}

.nav.local ul .nav-05 .item a:hover,
.nav.local ul .nav-05 .item a:hover::before,
.nav.local ul .nav-05 .item a:hover::after,
.nav.local ul .nav-05 .item a.active,
.nav.local ul .nav-05 .item a.active::before,
.nav.local ul .nav-05 .item a.active::after {
    color: #251ec4;
    border-bottom-color: #251ec4;
    background-position: -197px -253px;
}

.nav.local ul .nav-06 .item a:hover,
.nav.local ul .nav-06 .item a:hover::before,
.nav.local ul .nav-06 .item a:hover::after,
.nav.local ul .nav-06 .item a.active,
.nav.local ul .nav-06 .item a.active::before,
.nav.local ul .nav-06 .item a.active::after {
    color: #1b9038;
    border-bottom-color: #1b9038;
    background-position: -299px -5px;
}

.nav.local ul .nav-07 .item a:hover,
.nav.local ul .nav-07 .item a:hover::before,
.nav.local ul .nav-07 .item a:hover::after,
.nav.local ul .nav-07 .item a.active,
.nav.local ul .nav-07 .item a.active::before,
.nav.local ul .nav-07 .item a.active::after {
    color: #d9b215;
    border-bottom-color: #d9b215;
    background-position: -299px -69px;
}

.nav.local ul .nav-08 .item a:hover,
.nav.local ul .nav-08 .item a:hover::before,
.nav.local ul .nav-08 .item a:hover::after,
.nav.local ul .nav-08 .item a.active,
.nav.local ul .nav-08 .item a.active::before,
.nav.local ul .nav-08 .item a.active::after {
    color: #736598;
    border-bottom-color: #736598;
    background-position: -293px -133px;
}

.nav.local ul .nav-09 .item a:hover,
.nav.local ul .nav-09 .item a:hover::before,
.nav.local ul .nav-09 .item a:hover::after,
.nav.local ul .nav-09 .item a.active,
.nav.local ul .nav-09 .item a.active::before,
.nav.local ul .nav-09 .item a.active::after {
    color: #36bb9c;
    border-bottom-color: #36bb9c;
    background-position: -291px -197px;
}

.nav.local ul .nav-10 .item a:hover,
.nav.local ul .nav-10 .item a:hover::before,
.nav.local ul .nav-10 .item a:hover::after,
.nav.local ul .nav-10 .item a.active,
.nav.local ul .nav-10 .item a.active::before,
.nav.local ul .nav-10 .item a.active::after {
    color: #bb8a45;
    border-bottom-color: #bb8a45;
    background-position: -293px -261px;
}

.nav.local ul .item a::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    border-bottom: 4px solid #ececec;
}

.nav.local .item-details {
    top: 106px;
}

.nav.local .nav-01 .item-details .enclose:before {
    left: 30px;
}

.nav.local .nav-02 .item-details .enclose:before {
    left: 140px;
}

.nav.local .nav-03 .item-details .enclose:before {
    left: 250px;
}

.nav.local .nav-04 .item-details .enclose:before {
    left: 360px;
}

.nav.local .nav-05 .item-details .enclose:before {
    left: 470px;
}

.nav.local .nav-06 .item-details .enclose:before {
    left: 580px;
}

.nav.local .nav-07 .item-details .enclose:before {
    left: 690px;
}

.nav.local .nav-08 .item-details .enclose:before {
    left: 800px;
}

.nav.local .nav-09 .item-details .enclose:before {
    left: 910px;
}

.nav.local .nav-10 .item-details .enclose:before {
    left: 1020px;
}


/* container -layout- */

.container {
    position: relative;
    width: 1024px;
    line-height: 1.8;
    margin: 0 auto;
    padding: 136px 15px 35px 15px;
    background: #fff;
    -webkit-box-shadow: 0 0 22px rgba(155, 155, 155, 0.5);
    box-shadow: 0 0 22px rgba(155, 155, 155, 0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container .article {
    margin: 30px 0 0 0;
}

.container.underlayer .article {
    position: relative;
}

.container.underlayer .article>.category {
    position: absolute;
    top: -37px;
    left: 0;
    text-align: right;
}

.container.underlayer .article>.category span {
    padding: 0 30px;
    border: 1px solid #bf0000;
    border-radius: 20px;
    font-size: 1.2rem;
    color: #bf0000;
}

.container.underlayer .article .payment-category {
    display: inline-block;
    position: absolute;
    top: -58px;
    line-height: 1.8;
    padding: 0 36px;
    border-radius: 5px;
    background: #bf0000;
    color: #fff;
    font-size: 1.2rem;
}

.container .article .return-qa-list {
    margin-top: 30px;
    margin-bottom: 10px;
}

.container .article .return-qa-list a {
    font-size: 1.4rem;
}

.container .article .return-qa-list a::before {
    display: inline-block;
    position: relative;
    top: -1px;
    margin: 0 10px 0 0;
    color: #686868;
    content: 'v';
    font-size: 1.2rem;
    -webkit-transform: rotate(90deg) scaleX(1.8);
    transform: rotate(90deg) scaleX(1.8);
}

.container .article .backnumber {
    padding: 24px 0;
    padding-right: 96px;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #d1d1d1;
}

.container .article .backnumber:first-of-type {
    margin-top: 16px;
}

.container .article .backnumber_head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.container .article .backnumber_date {
    font-size: 14px;
    color: #828282;
    margin-right: 4px;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

.container .article .backnumber_tag span {
    display: inline-block;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    margin-top: 4px;
    padding: 0px 8px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    font-size: 0;
}

.container .article .backnumber_tag span::before {
    font-size: 12px;
}

.container .article .backnumber_tag span.new {
    color: #bf0000;
    border-color: #bf0000;
}

.container .article .backnumber_tag span.new::before {
    content: '新規ページ';
}

.container .article .backnumber_tag span.manual {
    color: #828282;
    border-color: #828282;
}

.container .article .backnumber_tag span.manual::before {
    content: 'マニュアル';
}

.container .article .backnumber_tag span.faq {
    width: auto;
    color: #828282;
    border-color: #828282;
}

.container .article .backnumber_tag span.faq::before {
    content: 'よくある質問';
}

.container .article .backnumber_tag span.manual.faq::before {
    content: 'マニュアル･よくある質問';
}

.container .article .backnumber_tag span.nav-01 {
    border-color: #c51e63;
    background-color: #c51e63;
    color: #fff;
}

.container .article .backnumber_tag span.nav-01::before {
    content: '各種設定･申込';
}

.container .article .backnumber_tag span.nav-02 {
    border-color: #3694ba;
    background-color: #3694ba;
    color: #fff;
}

.container .article .backnumber_tag span.nav-02::before {
    content: 'ページデザイン';
}

.container .article .backnumber_tag span.nav-03 {
    border-color: #e1740d;
    background-color: #e1740d;
    color: #fff;
}

.container .article .backnumber_tag span.nav-03::before {
    content: '商品情報登録';
}

.container .article .backnumber_tag span.nav-04 {
    border-color: #8ab13a;
    background-color: #8ab13a;
    color: #fff;
}

.container .article .backnumber_tag span.nav-04::before {
    content: '注文処理';
}

.container .article .backnumber_tag span.nav-05 {
    border-color: #251ec4;
    background-color: #251ec4;
    color: #fff;
}

.container .article .backnumber_tag span.nav-05::before {
    content: '発送･配送';
}

.container .article .backnumber_tag span.nav-06 {
    border-color: #1b9038;
    background-color: #1b9038;
    color: #fff;
}

.container .article .backnumber_tag span.nav-06::before {
    content: 'ユーザ対応';
}

.container .article .backnumber_tag span.nav-07 {
    border-color: #d9b215;
    background-color: #d9b215;
    color: #fff;
}

.container .article .backnumber_tag span.nav-07::before {
    content: '広告･販促･分析';
}

.container .article .backnumber_tag span.nav-08 {
    border-color: #736598;
    background-color: #736598;
    color: #fff;
}

.container .article .backnumber_tag span.nav-08::before {
    content: '楽天提供サービス';
}

.container .article .backnumber_tag span.nav-09 {
    border-color: #36bb9c;
    background-color: #36bb9c;
    color: #fff;
}

.container .article .backnumber_tag span.nav-09::before {
    content: '契約･請求･入金';
}

.container .article .backnumber_tag span.nav-10 {
    border-color: #bb8a45;
    background-color: #bb8a45;
    color: #fff;
}

.container .article .backnumber_tag span.nav-10::before {
    content: '規約･ガイドライン';
}

.container .article .backnumber_summary {
    margin: 8px 0;
    color: #828282;
}

.container .article .backnumber_summary b {
    font-weight: bold;
    color: #000;
}

.container .article .backnumber_summary .new::before {
    content: 'NEW!';
    display: inline-block;
    padding: 0 4px;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    border-radius: 2px;
    background-color: #E5BD54;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
}

.container .article .backnumber_links {
    position: relative;
    padding-left: 36px;
    font-size: 14px;
    line-height: 2;
}

.container .article .backnumber_links li {
    position: relative;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
}

.container .article .backnumber_links li a::before {
    content: '＞';
    display: inline-block;
    position: absolute;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    left: -14px;
    top: 6px;
    padding-right: 4px;
    font-size: 50%;
    color: currentColor;
}

.container .article .backnumber_detail {
    position: relative;
    margin-top: 8px;
    padding: 4px 12px 4px 44px;
    background-color: #f7f7f7;
}

.container .article .backnumber_detail::before {
    content: '詳細';
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 8px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    color: #bf0000;
}

.linkbutton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 24px;
}

.linkbutton li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
}

.linkbutton li:not(:first-child) {
    margin-left: 8px;
}

.linkbutton li a {
    width: 100%;
    padding: 8px 32px 8px 24px;
    text-align: center;
    text-decoration: none;
    text-justify: inter-ideograph;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    color: white;
    line-height: 1.5;
}

.linkbutton.large li a {
    font-size: 2.0rem;
}

.linkbutton.xlarge li a {
    font-size: 3.0rem;
}

.linkbutton li a::after {
    content: '\ff1e';
    /* 003e fe65 ff1e */
    display: inline-block;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 8px;
    top: 50%;
    font-size: 67%;
}

.linkbutton li a span:first-child {
    display: block;
    font-size: 75%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.linkbutton.red01 li:first-child a {
    border-color: #bf0000;
    background-color: #bf0000;
}

.linkbutton.red01 li:first-child a:hover {
    border-color: #e61717;
    background-color: #e61717;
}

.linkbutton.red01 li:not(:first-child) a {
    border-color: #bf0000;
    color: #bf0000;
}

.linkbutton.red01 li:not(:first-child) a:hover {
    border-color: #e61717;
    background-color: #e61717;
    color: #fff;
}

.linkbutton.red02 li a {
    border-color: #bf0000;
    background-color: #bf0000;
}

.linkbutton.red02 li a:hover {
    border-color: #e61717;
    background-color: #e61717;
}

.linkbutton.green01 li:first-child a {
    border-color: #74c113;
    background-color: #74c113;
}

.linkbutton.green01 li:first-child a:hover {
    border-color: #82db16;
    background-color: #82db16;
}

.linkbutton.green01 li:not(:first-child) a {
    border-color: #74c113;
    color: #74c113;
}

.linkbutton.green01 li:not(:first-child) a:hover {
    border-color: #82db16;
    background-color: #82db16;
    color: #fff;
}

.linkbutton.green02 li a {
    border-color: #74c113;
    background-color: #74c113;
}

.linkbutton.green02 li a:hover {
    border-color: #82db16;
    background-color: #82db16;
}

.container .article .contents-header .return-qa-list {
    margin-top: 0;
}

.container .article .contents-header .breadcrumb-list {
    margin-top: 30px;
    margin-bottom: 16px;
}

.container .article .contents-header .breadcrumb-list a {
    font-size: 1.4rem;
}

.container .article .contents-header .breadcrumb-list a:not(:first-of-type)::before {
    display: inline-block;
    position: relative;
    top: -1px;
    margin: 0 10px 0;
    color: #828282;
    content: 'v';
    font-size: 1.2rem;
    -webkit-transform: rotate(-90deg) scaleX(1.8);
    transform: rotate(-90deg) scaleX(1.8);
}

.container .article .contents-header .contents-header-info {
    font-size: 1.4rem;
}

.container .article .contents-header .contents-header-info>div {
    display: inline-block;
}

.container .article .contents-header .contents-header-info .rms-category {
    display: inline-block;
    position: relative;
    padding: 0 16px;
    border: 1px solid #bf0000;
    border-radius: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    color: #bf0000;
    background-color: #fff;
}

.container .article .contents-header .contents-header-info .rms-category::before {
    display: inline-block;
    position: relative;
    top: 4px;
    content: '';
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
}

.container .article .contents-header .contents-header-info .rms-category.icon-setting::before {
    background-position: -35px -37px;
}

.container .article .contents-header .contents-header-info .rms-category.icon-cart::before {
    background-position: -5px -293px;
}

.container .article .contents-header .contents-header-info .rms-category.icon-data::before {
    background-position: -33px -293px;
}

.container .article .contents-header .contents-header-info .rms-category.icon-mail::before {
    background-position: -61px -293px;
}

.container .article .contents-header .contents-header-info .rms-category.icon-ads::before {
    background-position: -89px -293px;
}

.container .article .contents-header .contents-header-info .rms-category.icon-community::before {
    background-position: -117px -293px;
}

.container .article .contents-header .contents-header-info .rms-category.icon-services::before {
    background-position: -145px -293px;
}

.container .article .contents-header .contents-header-info .for-beginner {
    width: 20px;
    height: 26px;
    margin: 0 8px;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    background-position: -5px -5px;
    vertical-align: top;
}

.container .article .contents-header .contents-header-info .content-category {
    padding: 1px 15px;
    background-color: #9c9c9c;
    color: #fff;
}

.container .article .contents-header .contents-header-info .rms-category+.content-category {
    margin-left: 8px;
}

.container .article .contents-header .contents-header-info .copy-to-clipboard {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    width: 80px;
    height: 80px;
    background-position: -119px -5px;
}

.container .article .contents-header .contents-header-info .copy-to-clipboard.copied {
    background-position: -209px -5px;
}

.container .article .contents-header .contents-header-info .copy-to-clipboard :hover {
    cursor: pointer;
    opacity: 0.75;
}

.container .article .contents-header .contents-header-info .copy-to-clipboard-message {
    display: none;
    position: fixed;
    z-index: 3000;
    left: 0;
    bottom: 40%;
    width: 100%;
    padding: 10px 0;
    background: #686868;
    text-align: center;
    color: #fff;
    opacity: 0.95;
}

.container .article .contents-header .contents-header-info .copy-to-clipboard .message:hover {
    cursor: default;
    opacity: 0.95;
}

.container .article .contents-header .contents-header-info+.contents-header-title {
    margin: 30px 0 0 0;
}

.container .article .contents-header .contents-header-anchor {
    margin: 20px 0 0 0;
    border: 1px solid #c8c8c8;
    padding: 20px;
    border-radius: 8px;
}

.container .article .contents-header .contents-header-anchor>ul {
    margin: 10px 0 0 0;
    font-size: 1.4rem;
}

.container .article .contents-header .contents-header-anchor ul li {
    margin: 3px 0 0 0;
    padding: 0 0 0 1em;
    text-indent: -1em;
}

.container .article .contents-header .contents-header-anchor ul li::before {
    content: '\30fb';
}

.container .article .contents-header .contents-header-link-button {
    margin: 20px 0 0 0;
}

.container .article .contents-header .contents-header-link-button ul li {
    display: inline-block;
    margin: 5px 5px 0 0;
}

.container .article .contents-header .contents-header-link-button ul li a {
    padding: 2px 15px;
    background: #9a9a9a;
    border-radius: 15px;
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none;
}

.container .article .contents-header .contents-header-link-button ul li a:hover {
    background: #bf0000;
}

.container .article .contents-header .contents-header-link-button ul li.active a {
    background: #bf0000;
}

.container .article .contents-qa,
.container .article .contents-in-house_qa {
    margin-top: 10px;
}

.container .article .contents-qa dl dt,
.container .article .contents-qa dl dt+dd,
.container .article .contents-in-house_qa dl dt,
.container .article .contents-in-house_qa dl dt+dd {
    position: relative;
    padding: 0 60px 0 70px;
}

.container .article .contents-qa dl dt::before,
.container .article .contents-qa dl dt+dd::before,
.container .article .contents-in-house_qa dl dt::before,
.container .article .contents-in-house_qa dl dt+dd::before {
    display: inline-block;
    position: absolute;
    left: 16px;
    content: '';
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.container .article .contents-qa dl dt,
.container .article .contents-in-house_qa dl dt {
    padding-top: 14px;
    padding-bottom: 12px;
    line-height: 1.4;
    font-size: 2.4rem;
    color: #bf0000;
    font-weight: bold;
    background-color: #f4f3f1;
    border-radius: 4px;
}

.container .article .contents-qa.minimize dl dt,
.container .article .contents-in-house_qa dl dt {
    font-size: 2.0rem;
}

.container .article .contents-qa dl dt.cloned,
.container .article .contents-in-house_qa dl dt.cloned {
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000;
    -webkit-transform: opacity 0.2s;
    transform: opacity 0.2s;
}

.container .article .contents-qa dl dd,
.container .article .contents-in-house_qa dl dd {
    margin: 25px 0 0 0;
}

.container .article .contents-qa dl dt::before,
.container .article .contents-in-house_qa dl dt::before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    /* ↓画像リンクの差し替えをお願いします↓ */
    background-image: url("../../../img/common/icon_qa_q_red.svg");
}

.container .article .contents-qa dl dt+dd::before,
.container .article .contents-in-house_qa dl dt+dd::before {
    top: 4px;
    /* ↓画像リンクの差し替えをお願いします↓ */
    background-image: url("../../../img/common/icon_qa_a.svg");
}

.container .article .contents-qa dl dd.internal-use,
.container .article .contents-in-house_qa dl dd.internal-use {
    margin-left: 65px;
    padding: 15px;
    font-size: 1.4rem;
}

.container .article .contents-qa dl dd.internal-use .label,
.container .article .contents-in-house_qa dl dd.internal-use .label {
    display: block;
    width: 5em;
    margin: 0 0 10px 0;
    padding: 2px 15px;
    color: #fff;
    text-align: center;
}

.container .article .contents-qa dl dd.internal-use.in-house,
.container .article .contents-in-house_qa dl dd.internal-use.in-house {
    background: #eef4d7;
}

.container .article .contents-qa dl dd.internal-use.in-house .label,
.container .article .contents-in-house_qa dl dd.internal-use.in-house .label {
    background: #5ab825;
}

.container .article .contents-qa dl dd.internal-use.call-center,
.container .article .contents-in-house_qa dl dd.internal-use.call-center {
    background: #eff5ff;
}

.container .article .contents-qa dl dd.internal-use.call-center .label,
.container .article .contents-in-house_qa dl dd.internal-use.call-center .label {
    background: #2d5bd6;
}

.container .article .contents-qa dl dd.internal-use>table>tbody>tr>th,
.container .article .contents-qa dl dd.internal-use>table>tbody>tr>td,
.container .article .contents-in-house_qa dl dd.internal-use>table>tbody>tr>th,
.container .article .contents-in-house_qa dl dd.internal-use>table>tbody>tr>td {
    background: transparent;
    border: 1px solid #686868;
}

.container .article .contents-footer {
    margin-top: 40px;
}

.container .article .contents-footer .column {
    margin: 20px 0 0 0;
}

.container .article .contents-footer .column .page-notes {
    float: left;
    color: #828282;
}

.container .article .contents-footer .column .page-utilities {
    float: right;
}

.container .article .contents-footer .attached-files .title-h4,
.container .article .contents-footer .attached-files h4 {
    margin-bottom: 20px;
}


/* action-utilities */

.container .article .contents-footer .column .page-utilities {
    text-align: right;
}

.container .article .contents-footer .column .page-utilities>div+div {
    margin: 15px 0 0 0;
}

.container .article .contents-footer .column .page-utilities a {
    display: inline-block;
    min-width: 140px;
    padding: 7px 15px;
    border: 1px solid #898989;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: left;
    text-decoration: none;
    color: #898989;
    font-size: 1.4rem;
}

.container .article .contents-footer .column .page-utilities a::before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    margin: 0 15px 0 0;
    background: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbn&oid=00D280000020VxK&lastMod=1540260446000") no-repeat;
    vertical-align: middle;
}

.container .article .contents-footer .column .page-utilities .print a::before {
    background-position: -203px -95px;
}

.container .article .contents-footer .column .page-utilities .add-favorite a::before {
    background-position: -52px -95px;
}


/* .page-notes */

.container .article .contents-footer .column .page-notes {
    font-size: 1.4rem;
}

.container .article .contents-footer .column .page-notes dl dt {
    float: left;
    clear: both;
    width: 110px;
    font-weight: bold;
}

.container .article .contents-footer .column .page-notes dl dd {
	margin: 0;
	float: left;
}

.container .article .contents-footer .column .page-notes dl dd::before {
    display: inline-block;
    content: '\ff1a';
    margin: 0 0.5em 0 0;
}

.container .article .contents-footer .column .page-notes dl dd.category-hierarchy div:first-child {
    display: inline-block;
    margin-left: -0.4em;
}

.container .article .contents-footer .column .page-notes dl dd.category-hierarchy div+div {
    text-indent: 2em;
}

.container .article .contents-footer .column .page-notes dl dd.category-hierarchy div+div+div {
    text-indent: 3em;
}


/* column  */

.column .summary {
    float: left;
}

.column .summary .details {
    padding: 20px 0 0 0;
    font-size: 1.4rem;
}

.column .summary .details dl dt {
    margin: 20px 0 0 0;
    font-weight: bold;
}

.column .summary .details dl dt:first-child {
    margin: 0;
}

.column .summary .details dl dd {
    margin: 0;
}

.column .summary .details .icon {
    top: 4px;
}

.column2 .summary {
    width: calc((50% - 13px));
    margin: 0 26px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.column2 .summary:last-child {
    margin-right: 0;
}

.column3 .summary {
    width: 319px;
    margin: 0 33px 0 0;
}

.column3 .summary:last-child {
    margin-right: 0;
}

.column .summary ul li {
    margin: 5px 0 0 0;
}

.column .summary ul li:first-child {
    margin: 0;
}

.column .summary ul li a {
    border: none;
}

.column .summary ul li ul {
    margin: 5px 0 0 0;
    padding: 0 0 0 1em;
}

.column .summary ul li ul li:before {
    content: '\30FB';
}

.column.rule-category .summary {
    margin: 25px 26px 0 0;
    border: 1px solid #c8c8c8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.column.rule-category .summary:first-child {
    margin-top: 25px;
}

.column.rule-category .summary:nth-child(2n) {
    margin-right: 0;
}

.column.single.rule-category .summary {
    margin-top: 75px;
    width: 100%;
}

.column.single.rule-category .summary>dl {
    position: relative;
}

.column.single.rule-category .summary>dl::before {
    position: absolute;
    top: -55px;
    left: calc(50% - 37px);
    content: '';
    width: 0;
    height: 0;
    border-top: 37px solid #dddddd;
    border-right: 37px solid transparent;
    border-bottom: 37px solid transparent;
    border-left: 37px solid transparent;
}

.column.single.rule-category .summary>dl>dd {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.column.single.rule-category .summary>dl>dd dl {
    float: left;
    width: calc(50% - 14px);
    margin: 0 28px 0 0;
}

.column.single.rule-category .summary>dl>dd dl+dl {
    margin-right: 0;
}

.column.single.rule-category .summary:first-child {
    margin-top: 25px;
}

.column.single.rule-category .summary:first-child>dl::before {
    display: none;
}

.column.column3.rule-category .summary {
    width: 350px;
}

.column.rule-category .summary>dl>dt {
    padding: 4px 20px;
    background: #f4f3f1;
}

.column.rule-category .summary>dl dd {
    margin: 0;
}

.column.rule-category .summary>dl>dd {
    margin: 0;
    padding: 10px 20px 15px 20px;
    font-size: 1.4rem;
}

.column.rule-category .summary>dl>dd>dl>dt {
    margin: 20px 0 0 0;
    font-weight: bold;
}

.column.rule-category .summary>dl>dd>dl>dt:first-child {
    margin: 0;
}

.column.rule-category .summary>dl dd>ul>li {
    padding: 0 0 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.column.rule-category .summary>dl dd>ul>li::before {
    display: inline-block;
    position: relative;
    top: -1px;
    margin: 0 10px 0 -16px;
    color: #686868;
    content: 'v';
    font-size: 1.2rem;
    -webkit-transform: rotate(-90deg) scaleX(1.8);
    transform: rotate(-90deg) scaleX(1.8);
}

.column.rule-category .summary>dl dd ul.column li {
    float: left;
    width: calc(50% - 14px);
    margin: 5px 28px 0 0;
}

.column.rule-category .summary>dl dd ul.column li:nth-child(2n) {
    margin-right: 0;
}

.column.rule-category .summary>dl dd>ul>li ul {
    padding: 0;
}

.column.rule-category+.notes {
    margin: 5px 0 0 0;
    font-size: 1.3rem;
}


/* function menu */

.function-nav {
    position: fixed;
    top: 120px;
    /*right: 0;*/
    right: 210px;
    z-index: 100;
    width: 40px;
    height: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    background: #bf0000;
    border-radius: 6px 0 0 6px;
    color: #fff;
    font-weight: bold;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
}

.function-nav p {
    position: relative;
    padding: 30px 0 0 0;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    line-height: 1em;
}

.function-nav .icon {
    position: absolute;
    top: 110px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.function-nav:hover {
    opacity: 1.00;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    /*background: #9e0000;*/
    cursor: pointer;
}

.function-nav:hover .icon {
    left: -5px;
}

.function-nav.active:hover .icon {
    left: 5px;
}

.function-menu {
    position: fixed;
    top: 120px;
    /*right: -210px;*/
    right: 0;
    z-index: 100;
    width: 210px;
    font-size: 1.4rem;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
}

.function-menu:hover {
    opacity: 1.00;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}

.function-menu .main,
.function-menu .sub {
    padding: 15px 9px;
    border: 1px solid #d2d2d2;
    border-right: none;
    background: #fff;
}

.function-menu .sub {
    margin: 16px 0 0 0;
}

.function-menu dl {
    margin: 26px 0 0 0;
}

.function-menu dl:first-child {
    margin: 0;
}

.function-menu dl dd {
    margin: 8px 0 0 0;
}

.function-menu dl dd:first-child {
    margin: 0;
}

.function-menu .sub dd {
    text-indent: 10px;
}


/* etc  */

.more {
    line-height: 2.0;
    margin: 10px 0 0 0;
    padding: 0 24px 0 0;
    font-size: 1.4rem;
}

.more.right {
    text-align: right;
}

.more a {
    display: inline-block;
    position: relative;
    height: 22px;
    line-height: 22px;
    padding: 0 6px 0 10px;
    border: 1px solid #0077cc;
    border-radius: 5px 0 0 5px;
    background: #0077cc;
    font-size: 1.2rem;
    color: #fff;
    text-decoration: none;
}

.more a:after {
    position: absolute;
    top: -1px;
    right: -25px;
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #0077cc;
}

.over a:hover {
    opacity: 0.75;
}

.related-link {
    line-height: 2.0;
    margin: 15px 0 0 0;
    padding: 0 24px 0 0;
    text-align: right;
    font-size: 1.4rem;
}

.related-link span {
    position: absolute;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 10px 0 10px;
    border: 1px solid #0077cc;
    border-radius: 5px 0 0 5px;
    background: #0077cc;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}

.related-link span:after {
    position: absolute;
    top: -1px;
    left: 45px;
    content: '';
    width: 0;
    height: 0;
}

.related-link span:after border {
    top: 12px solid transparent;
    right: 12px solid transparent;
    bottom: 12px solid transparent;
    left: 12px solid #0077cc;
}

.related-link a {
    padding: 0 0 0 65px;
}

.footer .function-tab {
    position: relative;
    z-index: 20;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
}

.footer .function-tab .button {
    display: block;
    position: fixed;
    bottom: 320px;
    right: 0;
    height: 60px;
    width: 40px;
    line-height: 1.3;
    padding: 40px 0 0;
    background: #bf0000 url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cyZ&oid=00D280000020VxK&lastMod=1540171343000) center 10px no-repeat;
    background-size: 70% auto;
    border-radius: 6px 0 0 6px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.footer .function-tab .button:hover {
    opacity: 1.00;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    cursor: pointer;
}

.footer .function-tab .button .icon {
    top: 4px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.footer .function-tab .button:hover .icon {
    left: -5px;
}

.footer .function-tab .button.active:hover .icon {
    left: 5px;
}

.footer .function-tab .button .banner {
    position: fixed;
    bottom: 320px;
    right: -158px;
    border-top: 1px solid #bf0000;
    border-bottom: 1px solid #bf0000;
    background: #fff;
}

.scroll-top {
    display: none;
}

.scroll-up {
    position: fixed;
    z-index: 2000;
    bottom: 80px;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.scroll-up a {
    position: relative;
    display: block;
    width: 40px;
    padding: 24px 0 3px 0;
    background: #bf0000;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #fff;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.scroll-up a::before {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: calc(50% - 6px);
    color: #fff;
    content: 'v';
    font-size: 2.0rem;
    font-weight: normal;
    -webkit-transform: rotate(180deg) scaleX(1.7);
    transform: rotate(180deg) scaleX(1.7);
}

.concierge {
    position: fixed;
    bottom: 33px;
    right: 0;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    background: #fff;
    text-align: center;
}

.concierge a {
    position: relative;
    display: block;
    width: 158px;
    padding: 2px 0 4px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.3rem;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.concierge a span {
    display: block;
    line-height: 1.4;
    margin: 5px 0 0 0;
}

.bnr a:hover img {
    opacity: 0.70;
    filter: alpha(opacity=70);
    -ms-filter: 'alpha(opacity=70)';
}


/* side-tab foundation */

.side-tab {
    position: fixed;
    right: 0;
    z-index: 5000;
    -webkit-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

.side-tab:hover {
    cursor: pointer;
}

.side-tab-head {
    position: relative;
    float: left;
    width: 41px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px 0 0 6px;
    color: #fff;
    font-weight: bold;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    line-height: 1.2em;
}

.side-tab-head .bnr-small {
    position: absolute;
    top: -42px;
    left: -42px;
}

.side-tab-body {
    position: relative;
    float: right;
}

.side-tab-body a {
    display: block;
    width: 158px;
    height: 190px;
    background-image: url("https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080fbT&oid=00D280000020VxK&lastMod=1540260374000");
    background-position: 0px -190px;
}

.side-tab-body a.dress-normal.emotion-normal {
    background-position: -5px -405px;
}

.side-tab-body a.dress-normal.emotion-laugh {
    background-position: -173px -405px;
}

.side-tab-body a.dress-normal.emotion-bow {
    background-position: -341px -405px;
}

.side-tab-body a.dress-normal.emotion-blink {
    background-position: -509px -5px;
}

.side-tab-body a.dress-supersale.emotion-normal {
    background-position: -509px -205px;
}

.side-tab-body a.dress-supersale.emotion-laugh {
    background-position: -509px -405px;
}

.side-tab-body a.dress-supersale.emotion-bow {
    background-position: -5px -605px;
}

.side-tab-body a.dress-eagles.emotion-normal {
    background-position: -5px -5px;
}

.side-tab-body a.dress-eagles.emotion-laugh {
    background-position: -173px -5px;
}

.side-tab-body a.dress-eagles.emotion-bow {
    background-position: -341px -5px;
}

.side-tab-body a.dress-rpay.emotion-normal {
    background-position: -5px -205px;
}

.side-tab-body a.dress-rpay.emotion-laugh {
    background-position: -173px -205px;
}

.side-tab-body a.dress-rpay.emotion-bow {
    background-position: -341px -205px;
}

.side-tab-body .bnr-large {
    position: absolute;
    top: -300px;
    left: 14px;
    opacity: 0.0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
}


/* side-tab ai-chatbot */

.side-tab.ai-chatbot {
    right: -158px;
    bottom: 0;
    font-size: 1.4rem;
}

.side-tab.ai-chatbot.active {
    right: 0;
}

.side-tab.ai-chatbot .side-tab-head {
    display: none;
    position: relative;
    top: 74px;
    padding: 15px 4px 15px 4px;
    border: 1px solid #fff;
    background: #76c013;
}

.side-tab.ai-chatbot .side-tab-body .overlay {
    display: block;
    position: absolute;
    bottom: -26px;
    width: 158px;
    padding: 3px 0;
    background-color: rgba(118, 192, 19, 0.95);
    border-radius: 5px 5px 0 0;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    -webkit-transition: bottom 0.15s ease-in-out;
    transition: bottom 0.15s ease-in-out;
}

.side-tab.ai-chatbot .side-tab-body .close {
    display: block;
    position: absolute;
    top: -34px;
    right: 12px;
    content: "";
    width: 40px;
    height: 40px;
    background: url(https://ron.file.force.com/servlet/servlet.ImageServer?id=0150K0000080cye&oid=00D280000020VxK&lastMod=1540172108000) center center no-repeat;
}

.side-tab.ai-chatbot .side-tab-body .close:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}


/* header-notice */

.header-notice {
    position: absolute;
    z-index: 800;
    width: calc(100% - 30px);
    opacity: 0;
    background: #fff;
    font-size: 1.4rem;
}

.header-notice-item {
    position: relative;
    margin: 2px 0 0 0;
}

.header-notice-item dl {
    margin: 10px 0 0 0;
    padding: 10px;
}

.header-notice-item dl:first-child {
    margin: 0;
}

.header-notice-item dl dt {
    float: left;
    min-width: 84px;
    margin: 0 20px 0 0;
    padding: 1px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
}

.header-notice-item dl dd {
    width: 83%;
    margin: 0;
    padding-left: 130px;
}

.header-notice-item.regular {
    background: #fff2ea;
}

.header-notice-item.regular dl dt {
    background: #ff6600;
}

.header-notice-item.important {
    background: #ffeff9;
}

.header-notice-item.important dl dt {
    background: #e4007f;
}

.header-notice-item .close {
    position: absolute;
    top: 8px;
    right: 12px;
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.header-notice-item .close::before,
.header-notice-item .close::after {
    content: "";
    position: absolute;
    display: block;
    top: -6px;
    left: -1px;
    width: 18px;
    height: 3px;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    background-color: #828282;
}

.header-notice-item .close::before {
    -webkit-transform: translateY(17px) translateX(3px) rotate(-135deg);
    transform: translateY(17px) translateX(3px) rotate(-135deg);
}

.header-notice-item .close::after {
    -webkit-transform: translateY(-17px) translateX(3px) rotate(135deg);
    transform: translateY(-17px) translateX(3px) rotate(135deg);
    top: 28px;
}

.header-notice-item .close:hover {
    opacity: 0.75;
}

#powerTip {
    font-size: 1.2rem;
}


/* table-column */

.table-column {
    margin-top: 10px;
}

.table-column table th,
.table-column table td {
    padding: 20px 0 0 0;
    border: none;
}

.table-column table tr td:nth-child(1) {
    width: 71%;
    line-height: 1.8;
    font-size: 1.6rem;
}

.table-column table tr td:nth-child(1) p {
    margin: 1em 0;
}

.table-column table tr td:nth-child(1) p:first-child {
    margin: 0;
}

.table-column table tr td:nth-child(1) .sequential-flow:first-child {
    margin-top: 0;
}

.table-column table tr td:nth-child(2) {
    width: 29%;
    line-height: 1.6;
    padding-left: 2%;
    font-size: 1.4rem;
}

.table-column table tr td:nth-child(2) ol li:not(:first-child) {
    margin: 20px 0 0 0;
}

.table-column table tr td:nth-child(2) ol li .title {
    font-weight: bold;
}

.table-column table tr td:nth-child(2) ol li .title span {
    display: inline-block;
    min-width: 19px;
    margin-right: 8px;
    padding: 0 3px;
    background: #3fb2f3;
    color: #fff;
    text-align: center;
}

.table-column table tr td:nth-child(2) ol li p {
    margin-top: 10px;
}

.table-column table tr td:nth-child(2) .next-hint {
    margin: 20px 0 0 0;
}


/* authority */

.auth {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2001;
}

.auth.intra {
    border-top: 2px solid rgba(90, 184, 37, 0.85);
}

.auth.cc {
    border-top: 2px solid rgba(45, 91, 214, 0.85);
}

.auth p {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: auto;
    padding: 4px 10px;
    border-radius: 0 0 7px 7px;
    font-size: 1.2rem;
    color: #ffffff;
    margin: 0 7px;
}

.auth.intra p {
    background: rgba(90, 184, 37, 0.85);
}

.auth.cc p {
    background: rgba(45, 91, 214, 0.85);
}

.auth p:before,
.auth p:after {
    position: absolute;
    top: 0;
    width: 7px;
    height: 7px;
    content: " ";
}

.auth p:before {
    left: -7px;
    border-top-right-radius: 7px;
}

.auth.intra p:before {
    -webkit-box-shadow: 2px -2px 0 rgba(90, 184, 37, 0.85);
    box-shadow: 2px -2px 0 rgba(90, 184, 37, 0.85);
}

.auth.cc p:before {
    -webkit-box-shadow: 2px -2px 0 rgba(45, 91, 214, 0.85);
    box-shadow: 2px -2px 0 rgba(45, 91, 214, 0.85);
}

.auth p:after {
    right: -7px;
    border-top-left-radius: 7px;
}

.auth.intra p:after {
    -webkit-box-shadow: -2px -2px 0 rgba(90, 184, 37, 0.85);
    box-shadow: -2px -2px 0 rgba(90, 184, 37, 0.85);
}

.auth.cc p:after {
    -webkit-box-shadow: -2px -2px 0 rgba(45, 91, 214, 0.85);
    box-shadow: -2px -2px 0 rgba(45, 91, 214, 0.85);
}

.auth p span {
    margin-right: 2px;
}

.auth.intra p span {
    font-size: 1.3rem;
}

.auth.cc p span {
    font-size: 1.4rem;
}


/* for SF */

.sf-hidden,
.return-menu,
.payment-category,
.category,
.tools.balloon {
    display: none;
}


/* --------------------
メディアクエリ
-------------------- */


/* 1104 =  1024 + 30 x 2 + 20 + 20 (v-scroll width)*/


/* 1440 =  1340 + 30 x 2 + 20 + 20 (v-scroll width)*/

@media screen and (max-width: 1103px) {
    body {
        background: none;
    }
    .g-header .enclose {
        padding-left: 0;
    }
    .container {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
    }
    .header-notice {
        width: 100%;
    }
}

@media screen and (min-width: 1104px) and (max-width: 1440px) {
    .g-header .enclose,
    .container,
    .footer {
        width: 93.1640625%;
        max-width: 100%;
    }
    .footer {
        margin-top: 10px;
    }
    .g-header .enclose .g-header-sub {
        width: 100%;
    }
    .nav-rms-menu {
        width: 23.2421875%;
    }
    .nav.global {
        width: 73.828125%;
    }
    .nav.global>div>ul>li {
        width: 18.91534391534392%;
        margin-right: 1.32275132275132%;
    }
    .nav.local>div>ul>li {
        width: 20%;
    }
}

@media screen and (min-width: 1441px) {
    .g-header .enclose,
    .container,
    .footer {
        width: 1340px;
        max-width: 100%;
    }
    .footer {
        margin-top: 10px;
    }
    .g-header .enclose .g-header-sub {
        width: 100%;
    }
    .nav-rms-menu {
        width: 23.2421875%;
    }
    .nav.global {
        width: 73.828125%;
    }
    .nav.global>div>ul>li {
        width: 18.91534391534392%;
        margin-right: 1.32275132275132%;
    }
    .nav.local>div>ul>li {
        width: 20%;
    }
    .no-left-navi .container .article .contents-header {
        width: auto;
    }
}


/* --------------------
数字付きリスト
-------------------- */

ol.num,
ol.num2 {
    padding: 0 0 0 40px;
}

ol.num li,
ol.num2 li {
    margin-top: 5px;
}

ol.num2 li {
    padding-left: 10px;
}

ol.numlist01 {
    /* 1. 2. 3. */
    list-style-type: decimal;
}

ol.numlist02 {
    /* 01. 02. 03. */
    list-style-type: decimal-leading-zero;
}

ol.numlist03 li {
    /* (1) (2) (3) */
    counter-increment: cnt;
    text-indent: -1.9em;
}

ol.numlist03 li::before {
    display: marker;
    content: "(" counter(cnt) ") ";
}

ol.num2.numlist03 li {
    text-indent: -2.5em;
}

ol.num2.numlist03 li::before {
    display: marker;
    content: "(" counter(cnt) ") ";
}

ol.numlist04 {
    /* i. ii. iii. */
    list-style-type: lower-roman;
}

ol.numlist05 {
    /* I. II. III. */
    list-style-type: upper-roman;
}

ol.numlist06 {
    /* a. b. c. */
    list-style-type: lower-alpha;
}

ol.numlist07 {
    /* A. B. C. */
    list-style-type: upper-alpha;
}

ol.numlist08 {
    /* 一. 二. 三. */
    list-style-type: cjk-ideographic;
}

ol.numlist09 {
    /* あ. い. う. */
    list-style-type: hiragana;
}

ol.numlist10 {
    /* ア. イ. ウ. */
    list-style-type: katakana;
}

ol.numlist11 {
    /* い. ろ. は. */
    list-style-type: hiragana-iroha;
}

ol.numlist12 {
    /* イ. ロ. ハ. */
    list-style-type: katakana-iroha;
}


/* --------------------
手順 左カラム 2カラム 3カラムで表示
-------------------- */

.procedure div,
.procedure p {
    font-size: 1.4rem;
}

.procedure .title {
    font-weight: bold;
}

.procedure .title span {
    display: inline-block;
    min-width: 19px;
    margin-right: 8px;
    padding: 0 3px;
    background: #3fb2f3;
    color: #fff;
    text-align: center;
}


/* --------------------
for print / 印刷用
-------------------- */

@media print {
    .g-header,
    .recent-views,
    .footer,
    .function-nav,
    .function-menu,
    .scroll-up,
    .concierge,
    .nav.local,
    .tools.balloon.head,
    .survey,
    .recent-views,
    .header-notice,
    #powerTip,
    .side-tab.ai-chatbot {
        display: none !important;
    }
    .container,
    .container.underlayer .article {
        margin-top: 0 !important;
    }
    .underlayer .nav {
        margin: 0 !important;
    }
    .layer-s .column>.contents,
    .layer-s .column>.floatR {
        float: none !important;
        display: table-cell;
    }
    .layer-s .column>.floatR {
        padding: 0 0 0 15px;
    }
    table thead {
        -webkit-column-break-inside: auto;
        -moz-column-break-inside: auto;
        break-inside: auto;
    }
}

@page {
    size: A4;
    margin: 15mm 8mm;
}