@charset "utf-8";

/*
* ★★CSS for SP
*
* @date 2020.4.24
* @author HeChengHao
* @sitemap
*/


/* -- Reset -- */
#contentsArea{background:#fff;}
#contentsArea #contents{background:0 0; color:#333333;overflow:hidden; padding:0 0 32px;}
a{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
a:hover{opacity:.7;text-decoration:none!important}
.pc{display:none!important}

/* -- Top -- */
h1{ font-size: 22px; margin: 24px 16px;}

/* -- Contents -- */
#mainContents dl a, .lv1 > dt em{ position: relative; display: block; font-style: normal;}
#mainContents dl a:after, .lv1 > dt a:after{ content: ""; display: block; position: absolute; top: 50%; right: 16px; width: 14px; height: 14px; transform: translateY(-50%); background: url(https://img.travel.rakuten.co.jp/share/smart/images/arrow-right.svg) center center no-repeat; }
#mainContents dl dt{ position: relative;}
/* .lv1{ width: calc( 100% - 32px); margin: 0 16px;} */
.lv1 > dt a,.lv1 > dt em{ font-size: 20px; font-weight: bold; padding: 15px; background-color:#f3f3f3;}
.lv2 > dt,.lv1 > dt + dd p a{ font-size: 14px; padding: 15px; border-bottom: 1px dotted #ccc;}
.lv3{ border-bottom: 1px dotted #ccc;}
.lv3 > dt,.lv2 > dt + dd p a{ font-size: 14px; padding: 15px 30px; color: #333;}
.lv4{ overflow: hidden; }
.lv4 li{ padding: 10px 0 10px 40px; font-size: 14px; border-top: 1px dotted #ccc;}
/* .lv42 li{ width: calc( 50% - 16px);} */
.lv4 li a:after{ content: normal;}
.jdsCoponSwitch:after { content: ""; display: block; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 14px; height: 13px; background: url(https://img.travel.rakuten.co.jp/share/smart/images/expand-arrow-open.svg) center center no-repeat; background-size: contain; }
.jdsCoponSwitch.active-submenu:after { background-image: url(https://img.travel.rakuten.co.jp/share/smart/images/expand-arrow-close.svg);}

/* -- gotop -- */
.jdsShowFix{display: none !important;}

/* -- .floatBar -- */
.floatBar {height: 50px;display: flex;justify-content: center;align-items: center;background-color: #6F964D;position: fixed;bottom: 0;width: 100%;opacity: .85;z-index: 101;}
.floatBar img {margin-right: 10px;}
.floatBar a {color: #fff!important;display: block;}
.floatBar a span {vertical-align: middle;}
.floatBar .closeBtn {
    cursor: pointer;
    content: url(https://img.travel.rakuten.co.jp/sitemap/images/close_svg.svg);
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -15px;
}
.lv3 > dt + dd p a{padding: 15px 48px !important;}
.lv3 > dt + dd p:last-child a{border-bottom:  none !important;}
.lv3 > dt + dd p:first-child a{border-top: 1px dotted #ccc;}
@media screen and (max-width: 320px) {
    .lv1 > dt + dd div a{padding-right: 30px;}
.fukidashi{right: calc(50% - 130px);}
}
.fukidashi{display: inline;position: absolute;z-index: 999;top:30%;right: calc(50% - 140px);}
.fukidashi img{width: 20px;}
    .fukidashi span {
  max-height: 200px; /* 根据实际调整 */
  overflow: hidden;
      position: fixed;
      background-color: #fff;
      border: 1px solid #000;
      padding: 30px 20px 30px 20px;
      z-index: 1000;
      white-space: normal;
      width: 100%;
      right: 0;
      line-height: 1.5;
      bottom: 0;
      box-sizing: border-box;
      z-index: 999;
    }


    .fukidashi span em {
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
        font-size: 18px;
        font-weight: bold;
        width: 20px;
        height: 20px;
    }

    .fukidashi span a {
        color: #3159DE !important;
    }

    #mainContents .fukidashi a {
        display: inline;
        padding: 0 !important;
        border: none !important;
    }

    .fukidashi a:after {
        display: none !important;
    }

    .bg {
        display: none;
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 998;
    }

    #contentsArea dl .jdsCoponSwitch.active-submenu a {
        display: inline;
    }

    #contentsArea dl .jdsCoponSwitch.active-submenu a:after {
        display: none;
    }

    .lv1>dt+dd div {
        font-size: 14px;
        padding: 15px;
        border-bottom: 1px dotted #ccc;
        position: relative;
    }

    #mainContents dl div a:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: 14px;
        height: 14px;
        transform: translateY(-50%);
        background: url(https://img.travel.rakuten.co.jp/share/smart/images/arrow-right.svg) center center no-repeat;
    }

    /* .lv1 > dt + dd div a{display: inline !important;position: relative;} */
    .lv1>dt+dd div a:after {
        display: none;
    }