@charset "UTF-8";
/* CSS @date 2021 03 19*/
/* ---------------------------------------------- */

/*body { width: auto; padding: 0; margin: 0;}
ul, li, dl, dt, dd, p, ol, h1, h2, h3, h4, h5  { list-style: none; padding: 0; margin: 0;}
a, a:link, a:visited, a:hover, a:active {color: #333;}

.mainContents { margin: 24px 16px 0 16px; padding-bottom: 70px; color: #333333; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
*/

.help_ttl { font-size: 24px; line-height: 36px; text-align: center; padding: 24px 0; color: #4A4A4A; border-bottom: 1px solid #EAEAEA; }
.pg_h2 { font-size: 16px; line-height: 24px; margin-bottom: 24px;}
.pg_h2_line { border-bottom: 1px solid #EAEAEA; padding-bottom: 24px;}
.pg_h3 { line-height: 21px;}
.pg_h4 { line-height: 18px;}
.f12 { font-size: 14px; line-height: 24px;}
.f14 { font-size: 16px;}
.bt24 { margin-bottom: 28px;}
.bt16 { margin-bottom: 18px;}
.bt8{ margin-bottom: 10px;}
.pg_line { border-bottom: 1px solid #EAEAEA; padding-bottom: 28px;}
.f16 { font-size: 18px;}

.txt_thats_all { text-align: right;}

.crList { font-weight: bold; }
.linkLi a { display: block; padding: 16px 32px 16px 0; width: 100%; border-bottom: 1px solid #EAEAEA; text-decoration: none; color: #333333; background: url(../images/expand-arrow.png) right 8px center no-repeat; box-sizing: border-box;}

.linkLi:first-of-type a { border-top: 1px solid #EAEAEA;}
.linkLi:first-of-type a.bd-top0 { border-top: none; margin-top: -16px;}

.linkDd a { display: block; padding: 16px 0; width: 100%; text-decoration: none; color: #333333; background: url(../images/expand-arrow.png) right 8px center no-repeat; box-sizing: border-box;}
.pullDownLi { width: 100%; }
.pullDownBox { border-bottom: 1px solid #EAEAEA;}
.pullTx { padding-bottom: 16px; background: url(../images/expand-arrow_down.png) right 8px center no-repeat; padding-top: 16px;}
.pullTx:hover { cursor: pointer;}
.pullTx_up { background: url(../images/expand-arrow_up.png) right 8px center no-repeat; }
.linkDd a { padding-left: 16px; box-sizing: border-box; width: 100%; display: block; border-bottom: 1px solid #EAEAEA; }
.pullDownCon { display: none;}

.terms li { list-style: decimal; margin-left: 16px;}

.table1 { margin-bottom: 32px;}
.table1 tr td { padding-bottom: 8px;}
.table1 tr td:first-of-type { font-weight: bold; white-space:nowrap; padding-right: 6px; }
.olSl { counter-reset: list; margin-top: 8px;}
.olSl li {
    list-style-type: none;
    position: relative;
  }
.olSl li:before {
    counter-increment: list;
    content: "(" counter(list,decimal) ") ";
    position: absolute;
    left: -20px;
  }
  .olSl_p { counter-reset: list; padding-left: 16px;}
  .olSl_p span {
      list-style-type: none; display: block;
      position: relative;
    }
  .olSl_p span:before {
      counter-increment: list;
      content: "(" counter(list,decimal) ") ";
      position: absolute;
      left: -26px;
    }
.dlBox { border:1px dashed #CCCCCC; padding:16px;}
.dlBox_o { border-bottom: none;}
.li_m { list-style: decimal; margin-left: 16px; }
.dlBox ol { margin-left: 16px; margin-top: 0;}

.help_page { color: #4A4A4A;}
.helpBox { margin-bottom: 32px;}
.helpBox section { border: 1px solid #8C8C8C; box-sizing: border-box; border-radius: 4px; padding: 16px 8px 16px 16px; font-size: 14px; line-height: 21px; margin-bottom: 16px; display: flex; align-items: top;}
.helpBox section a { display: block; width: 100%; color:#4A4A4A;}
.helpBox section span {  display: inline-block; width: calc( 99% - 44px);}
.helpBox section span b { display: block;}
.helpBox section span.icon_sl { width: 40px; margin-right: 4px;}

.subTxt_ { display: block; font-size: 12px;}

.policy .pg_h3.bt16, .arranged .pg_h3.bt16, .conditions .pg_h3.bt16, .coupon .pg_h3.bt16, .wom .pg_h3.bt16  { font-size: 14px;}
.policy .pg_h4, .arranged .pg_h4, .conditions .pg_h4, .coupon .pg_h4, .wom .pg_h4{ font-size: 12px;}

.iocn_spn { display: inline-block; margin: 0 2px; padding-top: 4px;}
.txt_a { text-decoration: underline; color: #333}
.ulCir li { position: relative; padding-left: 12px;}
.ulCir li:before { display: block; left: 0; top: 0; position: absolute; content: "・";}
.red_co { color: #BC210F;}

/**** privacy.html *****/
#I4 table {width: 100%; border-collapse: collapse; border-spacing: 0; background: #fff; margin-bottom: 16px;}
#I4 table th, #I4 table td { padding: 15px; text-align: left; border: 1px solid #ccc;}
#I4 table .cl1 { background: #ddd; width: 100%;}
#I4 table .cl2 { width: 30%;}

/**** 202306 *****/
#additionInfo {font-size: 14px; line-height: 1.6;}
#additionInfo a {position: relative; color: #333; display: block; padding: 16px; border: solid #ccc 1px; margin:0 0 16px; text-decoration: none;}
#additionInfo.linkBk {text-align: right;}
#additionInfo.linkBk a {padding: 0 20px 0 16px; border:none; margin:16px 0;}
#additionInfo a:after {display: block; position: absolute; top: 50%; right: 8px; width: 6px; height: 6px; margin-top: -5px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg);content: "";}
.conclusion { margin-bottom: 10px; text-align: right; font-size: 12px;}