@charset "utf-8";

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


/* -- Reset -- */
#widewrapper{position:relative;overflow:hidden;width:100%}
#contentsArea{position:relative;margin:0 auto;}
#contentsArea #contents{position:relative;margin:0 auto; padding:0 0 56px; width:100%; max-width: 1200px; color:#333333; background: none;}
.sp{display:none!important}
a{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-ms-transition:all .3s ease-out}
a:hover{text-decoration:none!important;opacity:.7}

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

/* -- Contents -- */
#mainContents{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
#mainContents dl a, .lv1 > dt em{ position: relative; display: block; font-style: normal;}
#mainContents dl 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 .lv4 a:after{ background: none;}
#mainContents dl dt{ position: relative;}
.lv1{ width: calc( 50% - 32px); margin: 56px 16px 0;}
.lv1 > dt a,.lv1 > dt em{ font-size: 20px; font-weight: bold; padding: 15px 16px; background-color:#f3f3f3;}
.lv2 > dt,.lv1 > dt + dd p a{ font-size: 14px; padding: 15px 16px; border-bottom: 1px dotted #ccc;}
.lv2.borderbtm{border-bottom: 1px dotted #ccc;}
.lv2.borderbtm > dt{ border-bottom:none;}
.lv3{ border-bottom: 1px dotted #ccc;}
.lv3 > dt,.lv2 > dt + dd p a{ font-size: 14px; padding: 15px 32px; color: #333;}
.lv4{ overflow: hidden; margin: 0 32px 32px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.lv4 li{ width: calc( 20% - 16px); margin: 16px 16px 0 0; font-size: 14px;}
.lv42 li{ width: calc( 50% - 16px);}
.lv4 li.long{ width: calc( 100% - 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);}
.rowBlock{ overflow: hidden; clear: both; width: 100%;display: flex; justify-content: flex-start; flex-wrap: wrap;}
.colsBlock{ width: 50%;}
.colsBlock .lv1{ width: calc( 100% - 32px); margin: 56px 16px 0;}

/* -- gotop -- */
.jdsShowFix{position:fixed;right:20px;bottom:60px;z-index:101;display:block;cursor:pointer}
.jdsShowFix a{display:block;}
.jdsShowFix a:hover{opacity:.7}
.sp {display:none}


.rt-header .rt-nav-link li.rt-nav-active a{ background: none !important;}
/* -- .floatBar -- */
.floatBar {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: flex;justify-content: center;align-items: center;height: 50px;}
.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;}
.fukidashi{display: inline;position: absolute;top: 11px;left: 314px;}
.fukidashi img{width: 20px;}
    .fukidashi span {opacity: 1;
      display: none;
      position: absolute;
      background-color: #fff;
      border: 1px solid #000;
      padding: 10px;
      z-index: 1000;
      white-space: normal;
      width: 200px;
      right: -100px;
      line-height: 1.5;
      top: 20px;
    }
    .fukidashi span a{color: #3159DE !important;}
.fukidashi span::before{display: block;content: "";position: absolute;width: 10px; height: 10px;background-color: #fff;border-left: 1px solid #000;transform: rotate(45deg);top: -6px;left: 50%;border-top: 1px solid #000;}
#mainContents .fukidashi a{display: inline;padding: 0 !important;border: none !important;}
    .fukidashi a:after{display: none !important;}
    #contentsArea dl .jdsCoponSwitch a{display: inline;}
    #contentsArea dl .jdsCoponSwitch a:after{display: none;}

        .lv1 > dt + dd div{ font-size: 14px; padding: 15px 16px; 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;}