/*ポイントページ 20160307追加、 20171108　layout_div.cssから移動 start*/
#contents #point-page.point-guide {
    width: 816px;
}
#contents #point-page.point-guide .point-box ol + ul li {
    font-size: smaller;
}
/*ポイントページ 20160307追加 end*/
/*-- 20160202_ポイントページCSS --*/
#point-page.point-guide {
    background-color: #FFF;
    font-size: 13px;
    margin: 0 auto;
    max-width: 100%;
    text-align: left;
}
#point-page.point-guide a {
    color: #454545;
    text-decoration: underline;
}
#point-page.point-guide a: hover {
    color: #f04444;
    text-decoration: underline;
}
#point-page.point-guide .tred {
    color: #f04444;
}
#point-page.point-guide .tBold {
    font-weight: bold;
}
#point-page.point-guide .tRight {
    text-align: right;
}
#point-page.point-guide .pBtm2m {
    padding-bottom: 2em;
}
#point-page.point-guide table {
    border-collapse: collapse;
}
#point-page.point-guide table td, #point-page.point-guide table th {
    text-align: center;
    padding: 0.2em 1em;
}
#point-page.point-guide .hgroup {
    background: url(/img/pages/point/point_h2-bg.jpg) no-repeat 0 0;
    -moz-background-size: contain;
    background-size: contain;
}
#point-page.point-guide .hgroup h1 {
    padding: 20px 0 20px;
    text-align: center;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.2;
    color: #000;
    background-color: transparent;
}
#point-page.point-guide .hgroup h1 .smlerT {
    font-size: 2.3rem;
    font-weight: bold;
}
#point-page.point-guide .intro {
    margin-top: 24rpx;
    margin-top: 1.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#point-page.point-guide .intro li {
    float: left;
    width: 32%;
    width: 30%\9;
    margin-right: 2%;
    padding: 3px;
}
#point-page.point-guide .intro li:last-child {
    margin-right: 0;
}
#contents #point-page.point-guide .intro li.red:last-child {
    margin-right: 0;
}
#point-page.point-guide .intro li dl {
    padding: 12px;
    border: 0;
}
#point-page.point-guide .intro li dt {
    font-weight: bold;
    padding-bottom: 5px;
    color: #333;
    font-size: 1.2em;
    text-indent: -1.2em;
    padding-left: 1.2em;
}
#point-page.point-guide .intro li.red dt span {
    color: #ed5e5e;
}
#point-page.point-guide .intro li dd a {
    display: block;
    padding-top: 10px;
}
#point-page.point-guide .intro li dd a span {
    display: inline-block;
    padding-right: 4px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    line-height: 0px;
    border-color: transparent transparent transparent #ed5e5e;
    _border-color: #000000 #000000 #000000 #ed5e5e;
    _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
}
#point-page.point-guide .intro li.red {
    background: url(/img/pages/point/point_redstripe.gif);
    position: relative;
    z-index: 1;
    padding: 3px;
}
#point-page.point-guide .intro li.red:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: #fff;
}
#point-page.point-guide .btn {
    border: none;
    margin: 30px 0;
    padding: 0;
    display: block;
    border-radius: none;
}
#point-page.point-guide .btn li {
    text-align: center;
    width: 48%;
    font-size: 18px;
    font-size: 1.3em;
}
#point-page.point-guide .btn .faq {
    float: left;
}
#point-page.point-guide .btn .register {
    float: right
}
#point-page.point-guide .btn a {
    display: block;
    padding: 1em;
    text-decoration: none;
    margin-bottom: 0.25em;
}
#point-page.point-guide .btn .faq a {
    background-color: #7ccfcf;
    border: 2px solid #23b1b1;
}
#point-page.point-guide .btn .faq a: hover {
    background-color: #9ee2e2;
}
#point-page.point-guide .btn .register a {
    background-color: #ef9480;
    border: 2px solid #f25c3c;
}
#point-page.point-guide .btn .register a p {
    color: #FFF;
}
#point-page.point-guide .btn .register a: hover {
    background-color: #f8baac;
}
#point-page.point-guide .btn .faq a: hover p {
    color: #23b1b1;
}
#point-page.point-guide .btn .register a: hover p {
    color: #f25c3c;
}
#point-page.point-guide .btn a p {
    display: inline;
    vertical-align: middle;
    color: #FFF;
}
#point-page.point-guide .btn .register p {
    color: #f25c3c;
}
#point-page.point-guide .btn .register p span {
    font-weight: bold;
}
#point-page.point-guide .btn a i {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    line-height: 0;
    background: url(/img/pages/point/spritesheet.png);
    margin-right: 0.4em;
}
#point-page.point-guide .btn .faq i {
    background-position: -10px -73px;
}
#point-page.point-guide .btn .register i {
    background-position: -10px -255px;
}
#point-page.point-guide .section {
    padding-bottom: 1em;
    margin: 0 0 20px;
}
#point-page.point-guide .section h3 {
    padding: 0.6em 15px 0.4em;
    color: #000;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    background-color: #f07070;
    margin-bottom: 1.2em;
}
#point-page.point-guide .section h4 {
    padding: 0.5em 15px;
    background-color: #ffd4d4;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 1em 0;
}
#point-page.point-guide .section .point-box {
    padding: 0 15px;
}
#point-page.point-guide .section .point-box p.lead {
    margin-bottom: 1.5em;
}
#point-page.point-guide .point-box table, #point-page.point-guide .point-box td, #point-page.point-guide .point-box th {
    border: 1px solid #a7a7a7;
    font-size: 18px;
    font-size: 1.125rem;
}
#point-page.point-guide .point-box table th {
    background-color: #ffd4d4;
    padding: 1.3em 1em;
}
#point-page.point-guide .point-box table td {
    font-size: 22px;
    font-size: 1.375rem;
    padding: 0.4em 1em;
}
#point-page.point-guide .point-box table th .nonvip,
#point-page.point-guide .point-box table td .nonvip { /* VIP用 */
    font-size: 14px;
    font-size: 1rem;
    font-weight: normal;
}
#point-page.point-guide .point-box table th .nonvip .pchid,
#point-page.point-guide .point-box table td .nonvip .pchid { /* VIP用 */
    display: none;
}
#point-page.point-guide .point-box table td.medal {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
}
#point-page.point-guide .point-box table td.medal i {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    width: 36px;
    height: 43px;
    line-height: 0;
    background: url(/img/pages/point/spritesheet.png);
    margin-right: 0.4em;
}
#point-page.point-guide .point-box table td.medal i.plutinum {
    background-position: -10px -192px;
}
#point-page.point-guide .point-box table td.medal i.gold {
   background-position: -10px -129px;
}
#point-page.point-guide .point-box table td.medal i.silver {
   background-position: -10px -374px;
}
#point-page.point-guide .point-box table td.medal i.blonze {
   background-position: -10px -10px;
}
#point-page.point-guide .point-box table td.medal i.regular {
    background-position: -10px -311px;
}
#point-page.point-guide .point-box .bubble {
    position: relative;
    background: #FFFFFF;
    margin-top: 20px;
    padding: 1em 3em;
    text-align: center;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #f29c9f;
    font-size: 16px;
    font-size: 1.05rem;
    line-height: 1.4;
}
#point-page.point-guide .point-box .bubble:after, #point-page.point-guide .point-box .bubble:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#point-page.point-guide .point-box .bubble:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 10px;
    margin-left: -10px;
}
#point-page.point-guide .point-box .bubble:before {
    border-color: rgba(242, 156, 159, 0);
    border-bottom-color: #f29c9f;
    border-width: 11px;
    margin-left: -11px;
}
#point-page.point-guide .point-box .bubble .star {
    font-size: 22px;
    font-size: 1.3rem;
    color: #f04444;
    line-height: 1;
    font-weight: bold;
}
#point-page.point-guide .point-box img {
    padding-top: 1em;
    width: 100%;
}
#point-page.point-guide .point-box img + ul {
    margin-top: 1.5em;
}
#point-page.point-guide .point-box li {
    padding: 0 0 0.5em 1em;
    text-indent: -1em;
}
#point-page.point-guide .point-box ul.condition {
    padding-bottom: 2em;
    font-size: 16px;
    font-size: 1.05rem;
    line-height: 1.4;
}
#point-page.point-guide .point-box ul.condition li {
    padding: 0 0 0.5em 0;
    text-indent: 0;
}
#point-page.point-guide .point-box li a, #point-page.point-guide .point-box li a {
    color: #f07070;
}
#point-page.point-guide .point-box ol + ul {
    margin-top: 1em;
}
#contents #point-page.point-guide .point-box ol + ul li { /* オオサカのみ */
    font-size: 14px;
    font-size: 0.875rem;
    font-size: 0.95em; /* オオサカのみ */
    line-height: 1;
}
#point-page.point-guide .nav ul.menu li {
    display: inline-block;
    padding: 0 2em 0 0;
}
#point-page.point-guide .nav ul.menu li a {
    font-size: 1.2em;
    display: block;
}
#point-page.point-guide .nav ul.menu li a span {
    color: #ed5e5e;
    display: inline-block;
    padding-right: 4px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    line-height: 0px;
    border-color: transparent transparent transparent #ed5e5e;
    _border-color: #000000 #000000 #000000 #ed5e5e;
    _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
}
/*----- ポイントページ 20171108 mac崩れ修正 start -----*/
#point-page.point-guide .intro {
    flex-direction: row;
    justify-content: space-between;
}
#point-page.point-guide .intro li.red {
    margin-right: 0;
}
#point-page.point-guide .intro.clearfix:before,
#point-page.point-guide .intro.clearfix:after {
    content: none;
}
/*----- ポイントページ 20171108 mac崩れ修正 end -------*/
/*----- ポイントページ 20180904 ファイル統一 start ------*/
#point-page.point-guide {
    max-width: 1000px;
}
#point-page .nonvip {
    display: none;
}
#point-page.vip .nonvip {
    display: initial;
}
#point-page.point-guide .point-box img {
    display: block;
    margin: 0 auto;
    max-width: 780px;
}
/* as */
header.cf + #main {
    background-color: #fff;
}
/* js */
#point-page.point-guide.js {
    max-width: 100%;
}
#point-page.point-guide.js .hgroup h1 {
    font-size: 2.4rem;
}
#point-page.point-guide.js .nav {
    padding: 0 15px;
    font-size: 0.71em;
}
#point-page.point-guide.js .btn li {
    font-size: 0.96rem;
}
/* be */
#point-page.be .nav {
    display: block;
}
#point-page.be ol {
    list-style: none;
}
/* qq */
#point-page.qq li {
    line-height: 1.7;
    margin: 0;
    padding: 0;
    width: auto;
}
/* sk */
#point-page.sk h1,
#point-page.sk h3 {
    border: none;
    margin-right: 0;
    margin-top: unset;
}
/* up */
#point-page.up dl dt {
    clear: unset;
    border: none;
    display: block;
    float: none;
    line-height: 1.8rem;
    padding-top: 0;
    width: auto;
}
#point-page.up dl dd {
    border: none;
    display: block;
    margin: 0;
    padding: 0;
}
/* vs */
#point-page.vs * {
    font-size:  100%;
}
#point-page.vs h1 {
    height: auto;
}
#point-page.vs .nav > .menu {
    display: inline-block;
}
#point-page.point-guide.vs .btn li {
    font-size: 1.2em;
}
/*----- ポイントページ 20180904 ファイル統一 end -------*/
@media only screen and (max-width: 600px) {
    .ui-body-c,
    .ui-overlay-c
    .ui-overlay-a,
    .ui-page-theme-a,
    .ui-page-theme-a .ui-panel-wrapper {
        text-shadow: none;
        background-image: none;
    }
    .ui-body-c .ui-link {
        font-weight: normal;
    }
    #default #box {
        background-color: #fff;
        margin-top: -18px;
        padding-bottom: 1px;
    }
    /*-- 20160202_ポイントページ追加作業 start --*/
    #point-page.point-guide {
        letter-spacing: -.02rem;
    }
    #point-page.point-guide table td,
    #point-page.point-guide table th {
         text-align: center;
         padding: .2em 1em;
    }
    #point-page.point-guide ul {
         padding: 1em;
    }
    #point-page.point-guide li {
         list-style: none;
         margin-bottom: 1em;
    }
    #point-page.point-guide dl,
    #point-page.point-guide dd,
    #point-page.point-guide p,
    #point-page.point-guide ol,
    #point-page.point-guide ul {
         margin: 0;
         padding: 0;
    }
    #point-page.point-guide .hgroup h1 {
         padding: 10px 10px 0;
         text-align: center;
         font-size: 1.6rem;
    }
    #point-page.point-guide .hgroup h1 .smlerT {
         font-size: 1.5rem;
         line-height: 1.7;
    }
    #point-page.point-guide  p {
        font-size: .96rem;
        line-height: 1.7;
        padding: 0 10px;
    }
    #point-page.point-guide .intro {
         padding: 0 10px;
    }
    #point-page.point-guide .intro li {
         float: left;
         width: 31.2%; /* 各サイトによって変更する */
         margin-right: 2%;
         padding: 3px;
    }
    #point-page.point-guide .intro li:last-child {
         margin-right: 0;
    }
    @media screen and (max-width: 815px) { /* 各サイトのwidth-1pxに変更 */
         #point-page.point-guide .intro li {
              float: none;
              width: 100%;
              padding: 3px;
              margin-right: 0;
         }
    }
    #point-page.point-guide .intro p {
        padding: 0;
    }
    #point-page.point-guide .intro li dd a {
         display: block;
         padding-top: 10px;
    }
    #point-page.point-guide .intro li dd a > span {
         display: inline-block;
         padding-right: 4px;
         width: 0px;
         height: 0px;
         border-style: solid;
         border-width: 5px 0 5px 8px;
         line-height: 0px;
         border-color: transparent transparent transparent #ed5e5e;
         _border-color: #000000 #000000 #000000 #ed5e5e;
         _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
    }
    #point-page.point-guide .intro li.red:before {
       content: "";
       position: absolute;
       z-index: -1;
       top: 3px;
       left: 3px;
       right: 3px;
       bottom: 3px;
       background: #fff;
    }
    #point-page.point-guide .btn {
         border: none;
         margin: 10px 0;
         padding: 0 10px;
         display: block;
         border-radius: none;
    }
    #point-page.point-guide .btn li {
         text-align: center;
         width: 48%;
         font-size: 1.3em;
         text-shadow: none;
         margin-bottom: 1em;
    }
    #point-page.point-guide .btn .faq {
         float: left;
    }
    #point-page.point-guide .btn .register {
         float: right
    }
    @media screen and (max-width: 480px) {
         #point-page.point-guide .btn li {
              width: 100%;
         }
         #point-page.point-guide .btn .faq,
         #point-page.point-guide .btn .register {
              float: none;
         }
         #point-page.point-guide .btn li {
              margin-bottom: 1em;
         }
    }
    #point-page.point-guide .btn a {
         display: block;
         padding: .8em;
         text-decoration: none;
    }
    #point-page.point-guide .btn .faq a {
         background-color: #7ccfcf;
         border: 2px solid #23b1b1;
    }
    #point-page.point-guide .btn .faq a: hover {
         background-color: #9ee2e2;
    }
    #point-page.point-guide .btn .register a {
         background-color: #ef9480;
         border: 2px solid #f25c3c;
    }
    #point-page.point-guide .btn .register a p {
         color: #FFF;
    }
    #point-page.point-guide .btn .register a: hover {
         background-color: #f8baac;
    }
    #point-page.point-guide .btn .faq a: hover p {
         color: #23b1b1;
    }
    #point-page.point-guide .btn .register a: hover p {
         color: #f25c3c;
    }
    #point-page.point-guide .btn a p {
         display: inline;
         vertical-align: middle;
         color: #FFF;
    }
    #point-page.point-guide .btn .register p {
         color: #f25c3c;
    }
    #point-page.point-guide .btn .register a + p {
         font-size: .8em;
         padding-top: 5px;
    }
    #point-page.point-guide .btn .register p span {
         font-weight: bold;
    }
    #point-page.point-guide .btn a i {
         display: inline-block;
         vertical-align: middle;
         background-repeat: no-repeat;
         width: 36px;
         height: 36px;
         line-height: 0;
         background: url(/img/pages/point/spritesheet.png);
         margin-right: .4em;
    }
    #point-page.point-guide .btn .faq i {
         background-position: -10px -73px;
    }
    #point-page.point-guide .btn .register i {
         background-position: -10px -255px;
    }
    #point-page.point-guide .section {
         padding-bottom: 0;
    }
    #point-page.point-guide .section h3 {
         font-size: 1.1rem;
         text-shadow: none;
    }
    #default #point-page.point-guide .section h3 {
         font-size: 1rem;
    }
    #point-page.point-guide .section .point-box {
         padding: 0 15px;
    }
    @media screen and (max-width: 815px) {
         #point-page.point-guide .section .point-box img {
              width: 100%;
         }
    }
    @media screen and (min-width: 816px) {
         #point-page.point-guide .section .point-box {
              text-align: center;
         }
         #point-page.point-guide .point-box h4,
         #point-page.point-guide .point-box p,
         #point-page.point-guide .point-box ul,
         #point-page.point-guide .point-box ol {
              text-align: left;
         }
         #point-page.point-guide .section .point-box img {
              min-width: 780px;
         }
    }
    #default #point-page.point-guide .section h4 {
        font-size: 0.86rem;
    }
    #point-page.point-guide .section .point-box p.lead {
         margin-bottom: 1em;
         padding: 0;
    }
    #point-page.point-guide .point-box table,
    #point-page.point-guide .point-box td,
    #point-page.point-guide .point-box th {
         border: 1px solid #a7a7a7;
         font-size: .92em;
    }
    #point-page.point-guide .point-box table th {
         padding: .6em .5em;
    }
    #point-page.point-guide .point-box table td {
         font-size: 1.1rem;
         padding: .4em .5em;
    }
    #point-page.point-guide .point-box table td.medal {
         font-size: .86em;
         font-weight: bold;
    }
    #point-page.point-guide .point-box table td.medal i {
         display: none;
    }
    #point-page.point-guide .point-box .bubble {
         padding: 1em;
    }
    #point-page.point-guide .point-box .bubble:after,
    #point-page.point-guide .point-box .bubble:before {
         bottom: 100%;
         left: 50%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
    }
    #point-page.point-guide .point-box .bubble:after {
         border-color: rgba(255, 255, 255, 0);
         border-bottom-color: #FFFFFF;
         border-width: 10px;
         margin-left: -10px;
    }
    #point-page.point-guide .point-box .bubble:before {
         border-color: rgba(242, 156, 159, 0);
         border-bottom-color: #f29c9f;
         border-width: 11px;
         margin-left: -11px;
    }
    #point-page.point-guide .point-box img + ul {
         margin-top: 1em;
         padding: 0;
         margin-bottom: 0;
    }
    #point-page.point-guide .point-box li {
        line-height: 1.6rem;
         margin-bottom: .2rem;
    }
    #point-page.point-guide .point-box ul.condition {
         padding: 0;
         margin-bottom: 1em;
    }
    #point-page.point-guide .point-box ul.condition li {
        font-size: .96rem;
         padding: 0 0 .5em 0;
         text-indent: 0;
    }
    #point-page.point-guide .condition .tBold:not(.tred) {
        display: block;
        width: 100%;
    }
    #point-page.point-guide .point-box ol,
    #point-page.point-guide .point-box ul {
        padding: 0 2em 0 1em;
    }
    #point-page.point-guide .point-box ol + ul {
        margin-bottom: 1.5rem;
    }
    #point-page.point-guide .point-box ol + ul li {
         font-size: .875rem;
         line-height: 1.5;
    }
    #point-page.point-guide .nav ul {
         padding: 0 15px;
    }
    #point-page.point-guide .nav ul.menu li {
         display: inline-block;
         padding: 0 1em 0 0;
    }
    #point-page.point-guide .nav ul.menu li a {
         font-size: 1em;
         display: block;
    }
    #point-page.point-guide .nav ul.menu li a span {
         color: #ed5e5e;
         display: inline-block;
         padding-right: 4px;
         width: 0px;
         height: 0px;
         border-style: solid;
         border-width: 5px 0 5px 8px;
         line-height: 0px;
         border-color: transparent transparent transparent #ed5e5e;
         _border-color: #000000 #000000 #000000 #ed5e5e;
         _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
    }
    /*-- 20160202_ポイントページ追加作業 end --*/
}