@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● トップページ専用CSS                                  */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body{
  color: #3d2c0c;
  font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,"メイリオ", "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: normal;
}

ul{
  list-style: none;
}

a,
a:link{
  color: #3d2c0c;
}
a:hover{
  text-decoration: none;
}
a:hover img{
  opacity: inherit;
}

  body.rsbp-under-bp2 #ContentsDivision .WidePageWidthSetter{
    margin: 0 10px;
  }



/* BgEnTitle */
.BgEnTitle{
  position: relative;
}
.BgEnTitle:before{
  content: "";
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 10;
}
.rsbp-under-bp2 .BgEnTitle:before{
  right: 0.2vw;
}


/* AreaTitle */
.AreaTitle{
  text-align: center;
  padding-bottom: 50px;
  position: relative;
}
.rsbp-under-bp2 .AreaTitle{
  padding-bottom: 40px;
}
.AreaTitle:before{
  content: "";
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  display: block;
}
.rsbp-over-bp2 .AreaTitle:before{
  position: absolute;
  top: -5px;
  left: 25%;
  width : 90px;
  height: 90px;
}
.rsbp-under-bp2 .AreaTitle:before{
  width : 20vw;
  height: 20vw;
  margin: 0 auto 20px;
}
    .AreaTitle p{
      font-weight: 500;
    }
    .AreaTitle .Title{
      font-size: 250%;
      font-weight: 600;
      display: inline-block;
    }
    .rsbp-under-bp2 .AreaTitle .Title{
      font-size: 170%;
    }



/* bx-wrapper */
.bx-wrapper{
  background: none;
  box-shadow: none;
  border: none;
  margin: 0;
}



/* NoticeEmergencyArea
--------------------------------------------------- */
#NoticeEmergencyArea {
  background: #f5f5f5;
  padding: 20px 0;
}
.rsbp-over-bp2 #NoticeEmergencyArea {
  margin-top: 153px;
}
.rsbp-lowheight.rsbp-over-bp2 #NoticeEmergencyArea {
  margin-top: 107px;
}
.rsbp-under-bp2 #NoticeEmergencyArea {
  margin-top: 17vw;
}
    #NoticeEmergencyArea > div{
      background-color: #fff;
      border-radius: 5px;
      border: 6px solid #ff9630;
      padding: 35px 60px;
      color: #e17e1c;
      box-shadow: 0 0 15px #ffc387;
    }
    .rsbp-under-bp2 #NoticeEmergencyArea > div{
      border-width: 1.5vw;
      padding: 5vw 5.5vw;
    }
        #NoticeEmergencyArea .SknTplImageParagraph .ImageItem{
        }
        .rsbp-over-bp2 #NoticeEmergencyArea .SknTplImageParagraph .ImageItem{
          width: 25%;
        }
        .rsbp-under-bp2 #NoticeEmergencyArea .SknTplImageParagraph .ImageItem{
          max-width: 300px;
          margin: 0 auto;
          padding-bottom: 2vw;
        }
        #NoticeEmergencyArea .SknTplImageParagraph .ImageItem img{
          width: 100%;
        }
        #NoticeEmergencyArea .SknTplImageParagraph .TextItem{
        }
        #NoticeEmergencyArea .SknTplImageParagraph .TextItem .Heading{
          margin-bottom: 0.75em;
          font-weight: 600;
        }
        .rsbp-over-bp2 #NoticeEmergencyArea .SknTplImageParagraph .TextItem .Heading{
          font-size: 165%;
        }
        .rsbp-under-bp2 #NoticeEmergencyArea .SknTplImageParagraph .TextItem .Heading{
          font-size: 125%;
        }
        #NoticeEmergencyArea .SknTplImageParagraph .TextItem p:last-child{
          margin-bottom: 0;
        }
            /* エディタ部分の調整 */
            #NoticeEmergencyArea .SknTplImageParagraph .TextItem{
            }
                #NoticeEmergencyArea .SknTplImageParagraph .TextItem div{
                  margin-top: -0.35em;
                }
                .rsbp-over-bp2 #NoticeEmergencyArea .SknTplImageParagraph .TextItem > div,
                .rsbp-over-bp2 #NoticeEmergencyArea .SknTplImageParagraph .TextItem > p,
                .rsbp-over-bp2 #NoticeEmergencyArea .SknTplImageParagraph .TextItem > ul,
                .rsbp-over-bp2 #NoticeEmergencyArea .SknTplImageParagraph .TextItem > ol{
                  font-size: 90%;
                }
                #NoticeEmergencyArea .SknTplImageParagraph .TextItem ul,
                #NoticeEmergencyArea .SknTplImageParagraph .TextItem ol{
                  padding: 0.25em 0 0.25em 1.25em;
                }
                #NoticeEmergencyArea .SknTplImageParagraph .TextItem ul{
                  list-style-type: disc
                }
                #NoticeEmergencyArea .SknTplImageParagraph .TextItem li{
                  padding: 0.2em 0;
                  line-height: 1.3;
                }
                #NoticeEmergencyArea .SknTplImageParagraph .TextItem a{
                  color: #df3400;
                  text-decoration: underline;
                  text-shadow: 0 0 5px #ffbb7f;
                  position: relative;
                  left: 0;
                }
                #NoticeEmergencyArea .SknTplImageParagraph .TextItem a:hover{
                  left: 3px;
                  color: #ff3b00;
                }
                #NoticeEmergencyArea .SknTplImageParagraph .TextItem a:before{
                  font-family: "fontello";
                  content: "\e807";
                  margin-right: 0.4em;
                  font-size: 70%;
                  vertical-align: middle;
                  display: inline-block;
                }




/* MainImageArea
--------------------------------------------------- */
#MainImageArea {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.rsbp-over-bp2 #MainImageArea {
  min-height: 675px;  /*  数値連動☆1/3☆☆  メイン下のボタンが見えるような高さを設定 */
  margin-top: 153px;
}
.rsbp-lowheight.rsbp-over-bp2 #MainImageArea {
  margin-top: 107px;
}
.rsbp-under-bp2 #MainImageArea {
  margin-top: 17vw;
}
#NoticeEmergencyArea + #MainImageArea {
  margin-top: 0;
}

    #VideoBox{
      text-align: center;
      background: #000;
      position: relative;
      z-index: 500;
      height: 675px;  /*  数値連動☆2/3☆☆  */
    }
    .rsbp-under-bp2 #VideoBox{
      display: none;
    }
        #video{
          width: 100%;
          height: 100%;
        }
    #credit {
      position: absolute;
      z-index: 600;
      margin: 0!important;
      text-align: right;
      color: rgba(255,255,255,0.65);
      font-size: 65%;
      bottom: 40px;
      right: 20px;
    }
    .rsbp-under-bp2 #credit {
      display: none;
    }
    #buttonbar {
      position: absolute;
      z-index: 600;
      margin: 0!important;
      text-align: right;
      left: 0;
      top: 40px;
    }
    .rsbp-under-bp2 #buttonbar {
      display: none;
    }
        #buttonbar button{
          color: #000;
          background: #fff;
          border: none;
          cursor: pointer;
          padding: 5px 15px;
        }


    #MainImageArea .slide-wrap {
    }
    .rsbp-over-bp2 #MainImageArea .slide-wrap {
      width:  3600px;
      position: absolute;
      top:0;
      left: 50%;
      margin-left: -1800px;
    }
    .rsbp-over-bp2 #MainImageArea .slide-wrap .bx-wrapper{
      height: 675px;  /*  数値連動☆3/3☆☆  */
    }
    .rsbp-under-bp2 #MainImageArea .slide-wrap .bx-wrapper{
      height: 67vw;
      overflow: hidden;
      background: rgb(237, 232, 223);
    }


        /* 余分な装飾を削除 ＆ ページャーを調整 */
        #MainImageArea  .bx-wrapper .bx-viewport{
          border: none;
          background: none;
          box-shadow: none;
          left: auto;
          overflow: visible!important;
          margin: 0 auto;
        }
        .rsbp-over-bp2 #MainImageArea .bx-wrapper .bx-viewport{
          max-width: 1200px;
          margin: 0 auto;
        }
        #MainSlider li{
          position: relative;
        }
        .rsbp-under-bp2 #MainSlider li{
          width: 100%;
          overflow: hidden;
        }
        #MainSlider li.active-slide{
          z-index: 800;
        }
            #MainSlider li a{
              display: block;
              cursor: pointer;
            }
            #MainSlider li .Text{
              z-index: 400;
              color: #fff;
              left: 0;
              display: block;
              text-shadow: 
                  rgba(49, 46, 39, 0.3) 2px 0px 10px, rgba(49, 46, 39, 0.3) -2px 0px 10px,
                  rgba(49, 46, 39, 0.3) 0px -2px 10px, rgba(49, 46, 39, 0.3) -2px 0px 10px,
                  rgba(49, 46, 39, 0.3) 2px 2px 10px, rgba(49, 46, 39, 0.3) -2px 2px 10px,
                  rgba(49, 46, 39, 0.3) 2px -2px 10px, rgba(49, 46, 39, 0.3) -2px -2px 10px,
                  rgba(49, 46, 39, 0.3) 1px 2px 10px, rgba(49, 46, 39, 0.3) -1px 2px 10px,
                  rgba(49, 46, 39, 0.3) 1px -2px 10px, rgba(49, 46, 39, 0.3) -1px -2px 10px,
                  rgba(49, 46, 39, 0.3) 2px 1px 10px, rgba(49, 46, 39, 0.3) -2px 1px 10px,
                  rgba(49, 46, 39, 0.3) 2px -1px 10px, rgba(49, 46, 39, 0.3) -2px -1px 10px,
                  rgba(49, 46, 39, 0.3) 1px 1px 10px, rgba(49, 46, 39, 0.3) -1px 1px 10px,
                  rgba(49, 46, 39, 0.3) 1px -1px 10px, rgba(49, 46, 39, 0.3) -1px -1px 10px;
              text-align: center;
            }
                #MainSlider li .Text .TextPosition,
                #MainSlider li .Text .TextPosition,
                #MainSlider li .Text .TextPosition{
                  display : block;
                  position: absolute;
                  width: 100%;
                }
                .rsbp-over-bp2         #MainSlider li .Text .TextPosition.Top{
                  top: 200px;
                }
                .rsbp-under-bp2        #MainSlider li .Text .TextPosition.Top{
                  top: 8vw;
                }
                .rsbp-over-bp2         #MainSlider li .Text .TextPosition.Bottom{
                  top: 550px;
                }
                .rsbp-under-bp2         #MainSlider li .Text .TextPosition.Bottom{
                  top: 50vw;
                }
                    #MainSlider li .Text .Text1,
                    #MainSlider li .Text .Text2,
                    #MainSlider li .Text .Text3{
                      display : block;
                    }
                    #MainSlider li .Text strong{
                      font-weight: bold;
                      line-height: 1.25;
                    }
                    .rsbp-over-bp2         #MainSlider li .Text .Text1{
                      font-size: 325%;
                    }
                    .rsbp-under-bp2         #MainSlider li .Text .Text1{
                      font-size: 5vw;
                    }
                    #MainSlider li .Text span.Text2{
                      font-weight: 700;
                      margin-top : 1.5em;
                      line-height: 1.5;
                    }
                    .rsbp-over-bp2         #MainSlider li .Text span.Text2{
                      font-size: 190%;
                    }
                    .rsbp-under-bp2         #MainSlider li .Text span.Text2{
                      font-size: 3vw;
                    }
                    #MainSlider li .Text span.Text3{
                      font-weight: 500;
                      margin-top: 5em;
                    }
                    .rsbp-over-bp2         #MainSlider li .Text span.Text3{
                      font-size: 140%;
                    }
                    .rsbp-under-bp2        #MainSlider li .Text span.Text3{
                      font-size: 2.5vw;
                    }
                    #MainSlider li .Text .TextPosition span:first-child{
                      margin-top: 0;
                    }
            #MainSlider img{
              transition: 4s;
              -webkit-transition: 4s;
              transform: scale(1);
            }
            .rsbp-over-bp2 #MainSlider img{
              width: 100%;
            }
            .rsbp-under-bp2 #MainSlider img{
              width: 100%;
              max-width: 100%;
            }
            #MainSlider li.active-slide img{
              transform: scale(1.05);
            }
                #MainImageArea .bx-controls {
                  text-align: center;
                  max-width: 1000px;
                  margin: 0 auto;
                }
                    #MainImageArea .bx-pager,
                    #MainImageArea .bx-prev,
                    #MainImageArea .bx-next{
                      position: absolute;
                      z-index: 100;
                    }
                    #MainImageArea .bx-prev,
                    #MainImageArea .bx-next{
                      display: inline-block;
                      background: rgba(0,0,0,0.5);
                      color: #fff!important;
                      font-size: 150%;
                      text-indent: 0;
                      font-family: "fontello";
                      height: auto;
                      top: 50%;
                    }
                    .rsbp-over-bp2 #MainImageArea .bx-prev,
                    .rsbp-over-bp2 #MainImageArea .bx-next{
                      font-size: 150%;
                      padding: 20px 5px;
                    }
                    .rsbp-under-bp2 #MainImageArea .bx-prev,
                    .rsbp-under-bp2 #MainImageArea .bx-next{
                      font-size: 100%;
                      padding: 20px 0;
                      width: 1.5em;
                      margin-top: -50px;
                    }
                    #MainImageArea .bx-prev:hover,
                    #MainImageArea .bx-next:hover{
                      text-decoration: none;
                    }
                    #MainImageArea .bx-pager{
                      bottom: 20px;
                      left: 0;
                      width: 100%;
                    }
                    #MainImageArea .bx-prev{
                    }
                    .rsbp-over-bp2         #MainImageArea .bx-prev{
                      left: 50%;
                      margin-left: -530px;
                    }
                    .rsbp-under-bp2 #MainImageArea .bx-prev{
                      left: 0;
                    }
                    #MainImageArea .bx-next{
                    }
                    .rsbp-over-bp2         #MainImageArea .bx-next{
                      right: 50%;
                      margin-right: -530px;
                    }
                    .rsbp-under-bp2        #MainImageArea .bx-next{
                      right: 0;
                    }
                        #MainImageArea .bx-wrapper .bx-pager .bx-pager-item,
                        #MainImageArea .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
                          display: inline-block;
                        }
                            #MainImageArea .bx-wrapper .bx-pager.bx-default-pager a {
                              background: #fff;
                              text-indent: -9999px;
                              display: block;
                              width : 22px;
                              height: 22px;
                              outline: 0;
                              border-radius: 100%;
                              border-style: solid;
                              border-color: #fff;
                              box-shadow: 0 0 10px 5px rgba(0,0,0,0.4);
                            }
                            .rsbp-over-bp2 #MainImageArea .bx-wrapper .bx-pager.bx-default-pager a {
                              width:  22px;
                              height: 22px;
                              border-width: 3px;
                              margin: 0 10px;
                            }
                            .rsbp-under-bp2 #MainImageArea .bx-wrapper .bx-pager.bx-default-pager a {
                              width:  15px;
                              height: 15px;
                              border-width: 2px;
                              margin: 0 8px;
                            }
                            #MainImageArea .bx-wrapper .bx-pager.bx-default-pager a.active {
                              background: #f0831a;
                            }
                            #MainImageArea .bx-wrapper .bx-pager.bx-default-pager a:hover{
                              background: #ffa249;
                            }

.MainImageArea.PatternNotice{
  padding: 30px 0;
  background: rgb(30, 147, 92);
  
  
  /* 2020.06.08 メイン画像を非表示に変更（hiddenにして高さ・パディング無効）*/
  min-height: 0px;
  height: 0px!important;
  visibility: hidden;
  padding: 0!important;
}
/*.MainImageArea.PatternNotice{
  padding: 30px 0;
  background: rgb(30, 147, 92);
  background: rgb(240,132,26);
  background: -moz-linear-gradient(left,  rgba(240,132,26,1) 29%, rgba(240,132,26,1) 29%, rgba(237,99,99,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(240,132,26,1) 29%,rgba(240,132,26,1) 29%,rgba(237,99,99,1) 100%);
  background: linear-gradient(to right,  rgba(240,132,26,1) 29%,rgba(240,132,26,1) 29%,rgba(237,99,99,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0841a', endColorstr='#ed6363',GradientType=1 );
}
.MainImageArea.PatternNotice2{
background: rgb(0,138,0);
background: -moz-linear-gradient(right, rgb(30, 147, 92) 4%, rgb(5, 72, 5) 100%);
background: -webkit-linear-gradient(right, rgb(30, 147, 92) 4%,rgb(5, 72, 5) 100%);
background: linear-gradient(to left, rgb(30, 147, 92) 4%,rgb(5, 72, 5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(5, 72, 5)', endColorstr='rgb(30, 147, 92) ',GradientType=1 );
}
.MainImageArea.PatternNotice3{
background: rgb(0,92,164);
background: -moz-linear-gradient(right,  rgba(0,92,164,1) 0%, rgb(9, 29, 96)s 100%);
background: -webkit-linear-gradient(right,  rgb(0, 84, 149) 0%,rgb(9, 29, 96) 100%);
background: linear-gradient(to left, rgb(0, 84, 149) 0%,rgb(9, 29, 96) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(9, 29, 96)', endColorstr='rgb(0, 84, 149)',GradientType=1 );
}*/
.rsbp-over-bp2 #MainImageArea.PatternNotice{
  min-height: auto;
}
.rsbp-under-bp2 #MainImageArea.PatternNotice{
  padding: 30px 10px;
}
    #MainImageArea.PatternNotice .Block{
      box-shadow: 0 10px 15px 0 rgba(0,0,0,0.25);
      border-radius: 40px;
    }
    #MainImageArea.PatternNotice .Block:hover{
      box-shadow: 0 0 25px 0 rgba(255,255,255,0.75);
    }
    .rsbp-over-bp2 #MainImageArea.PatternNotice .Block{
      width: 1100px!important;
      font-size: 95%;
    }
        .MainImageArea.PatternNotice .Block > a{
          display: block;
          background: #fff;
          padding: 30px 60px;
          border-radius: 40px;
          border: dashed 3px #f0841a;
          border: dashed 3px rgb(30, 147, 92);
          box-shadow: 0 0 0 10px #fff;
          position: relative;
          top: 0;
        }
        /*.MainImageArea.PatternNotice2 .Block > a{
          border-color:rgb(24, 131, 75);
        }
        .MainImageArea.PatternNotice3 .Block > a{
          border-color: #02498A;
        }*/
        .MainImageArea.PatternNotice .Block > a:hover{
          top: 3px;
        }
        .rsbp-under-bp2 #MainImageArea.PatternNotice .Block > a{
          padding: 30px 40px;
        }
            .MainImageArea.PatternNotice .Heading{
              margin-bottom: 0.75em;
              font-size: 150%;
            }
            .rsbp-under-bp2 .MainImageArea.PatternNotice .Heading{
              font-size: 125%;
            }
            .MainImageArea.PatternNotice .ColorButton{
            }
            .rsbp-over-bp2 .MainImageArea.PatternNotice .ColorButton{
              text-align: right;
              font-size: 105%;
            }
            .rsbp-under-bp2 .MainImageArea.PatternNotice .ColorButton{
              text-align: center;
            }
                .MainImageArea.PatternNotice .ColorButton span{
                  display: inline-block;
                  color: #fff;
                  padding: 0.85em 3em 0.95em;
                  font-size: 75%;
                  display: inline-block;
                  color: #fff !important;
                  font-weight: 500;
                  background-color: #f0841a;
                  background-color: #f60;
                  position: relative;
                }
                /*.MainImageArea.PatternNotice2 .ColorButton span{
                  background-color: rgb(24, 131, 75);
                }
                .MainImageArea.PatternNotice3 .ColorButton span{
                  background-color: #02498A;
                }*/
                .MainImageArea.PatternNotice .ColorButton span:after{
                  font-family: "fontello";
                  content: "\f105";
                  font-size: 130%;
                  display: inline-block;
                  position: absolute;
                  right: 0.5em;
                  top: 45%;
                  margin-top: -0.5em;
                }





/* PickupNavArea
--------------------------------------------------- */
#PickupNavArea{
  background-color: #ede8df;
  padding: 10px;
}
.rsbp-under-bp2 #PickupNavArea{
  padding-top: 0;
}
    #PickupNavArea ul{
      margin: 0 -15px;
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .rsbp-under-bp2 #PickupNavArea ul{
      margin: 0 auto;
      max-width: 400px;
      display: block;
    }
        #PickupNavArea ul li{
        }
        /* 3つのとき用
        .rsbp-over-bp2 #PickupNavArea ul li{
          width: 33.3%;
          float: left;
          padding: 5px;
        }*/
        .rsbp-over-bp2 #PickupNavArea ul li{
          width: 25%;
          padding: 5px;
          float: left;
        }
        .rsbp-under-bp2 #PickupNavArea ul li{
          padding: 10px 5px;
        }
            #PickupNavArea ul li a{
              display: block;
              color: #fff;
              position: relative;
              line-height: 1.4;
            }
            /* 3つのとき用
            .rsbp-over-bp2 #PickupNavArea ul li a{
              font-size: 90%;
              padding: 1.25em 1.25em 1.25em 3.15em;
            }*/
            .rsbp-over-bp2 #PickupNavArea ul li a{
              display: block;
              color: #fff;
              padding: 1.5em 1.25em 1.525em 3.15em;
              font-size: 85%;
              position: relative;
            }
            .rsbp-under-bp2 #PickupNavArea ul li a{
              font-size: 87.5%;
              padding: 1em 1.25em 1em 3.15em;
              font-weight: 500;
            }
            #PickupNavArea ul li a:hover{
              opacity: 0.9;
            }
            #PickupNavArea ul li a:before{
              display: block;
              font-family: "fontello";
              font-size: 140%;
              position: absolute;
              left : 0.65em;
              top  : 50%;
              margin-top: -0.7em;
              font-weight: normal;
            }
            #PickupNavArea ul li a:after{
              display: block;
              font-family: "fontello";
              content: "\f105";
              font-size: 130%;
              display: inline-block;
              position: absolute;
              right: 0.5em;
              top  : 45%;
              margin-top: -0.5em;
            }
            #PickupNavArea ul li a:hover:after{
              right: 0.3em;
            }
                #PickupNavArea ul li a span{
                }
                #PickupNavArea ul li a span.Sub{
                  font-weight: 400;
                }
                #PickupNavArea ul li a span.Main{
                  font-weight: 500;
                }
            #PickupNavArea ul li.Tour a{
              background-color: #8CBF32;
              padding: 0.75em 1em 0.8em 6.75em;
              letter-spacing: -0.03em;
            }
            .rsbp-under-bp2 #PickupNavArea ul li.Tour a{
              padding: 0.527em 1em 0.55em 6em;
            }
            #PickupNavArea ul li.Tour a:before{
              content: "";
              background: #fffd74 url(../img/common/logo/tour291-logo-black.png) no-repeat center center;
              background-size: 3.75em;
              width: 4em;
              height: 1.5em;
              top: 44%;
              padding: 3px 2px;
              left: 0.4em;
            }
            .rsbp-under-bp2 #PickupNavArea ul li.Tour a:before{
              background-size: 3em;
              width : 3.25em;
              height: 1.25em;
              top: 45%;
              left: 0.35em;
            }
                #PickupNavArea ul li.Tour a span.Main:first-child{
                  font-size: 102.5%;
                }
            #PickupNavArea ul li.Ichioshi a[href*="haru"]{
              background-color: #dd7898;
            }
            #PickupNavArea ul li.Ichioshi a[href*="natsu"]{
              background-color: #3d93e7;
            }
            #PickupNavArea ul li.Ichioshi a[href*="aki"]{
              background-color: #e46941;
            }
            #PickupNavArea ul li.Ichioshi a[href*="fuyu"]{
              background-color: #699de1;
            }
            #PickupNavArea ul li.Ichioshi a:before{
              content: "\e813";
            }
                #PickupNavArea ul li.Ichioshi a span.Sub{
                  margin-right: 0.5em;
                }
            #PickupNavArea ul li.Facebook a{
              background-color: #4d71b4;
            }
            #PickupNavArea ul li.Facebook a:before{
              content: "\f230";
            }
                #PickupNavArea ul li.Facebook a span.Sub{
                  margin-right: 0.5em;
                }
            #PickupNavArea ul li.Tabikura a{
              background-color: #de9527;
            }
            #PickupNavArea ul li.Tabikura a:before{
              content: "\e816";
            }
                #PickupNavArea ul li.Tabikura a span.Sub{
                  margin-right: 0.5em;
                }
            #PickupNavArea ul li.Tax a{
              background-color: #ad0003;
            }
            .rsbp-over-bp2 #PickupNavArea ul li.Tax a{
              padding-top   : 0.75em;
              padding-bottom: 0.8em;
            }
            #PickupNavArea ul li.Tax a:before{
              content: "\e828";
            }
                .rsbp-under-bp2 #PickupNavArea ul li.Tax a br{
                  display: none;
                }
            #PickupNavArea ul li.ImageBanner a{
              padding: 0;
              text-align: center;
              background: #fff;
            }
            #PickupNavArea ul li.ImageBanner a:after{
              content: none;
            }
            #PickupNavArea ul li.EmptyImage{
              text-align: center;
            }
                /* 20190718 北陸バナー設置時に、コメントアウト
                .rsbp-over-bp2 #PickupNavArea ul li.ImageBanner a img{
                  height: 53px;
                }*/
            .rsbp-over-bp2 #PickupNavArea ul li a {
              height: 60px;
            }
            .rsbp-under-bp2 #PickupNavArea ul li.EmptyImage{
              display: none;
            }
            .rsbp-under-bp2 #PickupNavArea ul li.ImageBanner a{
              padding: 0.3em 0;
            }
            .rsbp-under-bp2 #PickupNavArea ul li.Hokuriku a{
              background: #fbd66c;
            }
                .rsbp-under-bp2 #PickupNavArea ul li.ImageBanner a img{
                  width: auto;
                  max-height: 3.5em;
                }


            #PickupNavArea ul li.CoronaVirus a{
              background-color: #ff6600;
              padding: 0.75em 1em 0.8em 6.75em;
              letter-spacing: -0.03em;
            }
            .rsbp-under-bp2 #PickupNavArea ul li.CoronaVirus a{
              padding: 0.527em 1em 0.55em 6em;
            }
            #PickupNavArea ul li.CoronaVirus a:before{
              content: "";
              background: #fff url(../img/banner/corona_virus_bg.png) no-repeat center center;
              background-size: 5em;
              width: 4em;
              height: 2em;
              line-height: 1;
              top: calc(50% - 1em);
              margin-top: -3px;
              padding: 3px 2px;
              left: 0.4em;
            }
            .rsbp-under-bp2 #PickupNavArea ul li.CoronaVirus a:before{
              background-size: 3em;
              width : 3.25em;
              height: 1.5em;
              top: calc(50% - 0.75em);
              left: 0.35em;
            }
                #PickupNavArea ul li.CoronaVirus a span.Main:first-child{
                  font-size: 102.5%;
                }
            
            /* 観光事業者オンライン教育バナー専用処理（バナー１つだけのとき） */
            #PickupNavArea ul:not(.SpecialBannerList) li.Education.ImageBanner{
              float: none;
              width: 100%;
            }
            #PickupNavArea ul:not(.SpecialBannerList) li.Education.ImageBanner a{
              height: auto;
              padding: 0;
              display: block;
              margin: 0 auto;
              width: 1100px;
              background: #fff;
              padding: 10px;
            }
            .rsbp-under-bp2 #PickupNavArea ul:not(.SpecialBannerList) li.Education.ImageBanner a{
              width: 100%;
            }
            #PickupNavArea ul:not(.SpecialBannerList) li.Education.ImageBanner a img{
              max-height: initial;
            }
            
            /* 観光事業者オンライン教育バナー専用処理（バナー３つのとき） */
            #PickupNavArea ul.SpecialBannerList{
              margin: 10px -15px;
              /*margin-left: 0;*/
              justify-content:space-between;
              flex-wrap: nowrap;
            }
            #PickupNavArea ul.SpecialBannerList li.Education.ImageBanner{
              padding: 0;
              width: 33.3%;
              text-align: center;
              float: none;
            }
            #PickupNavArea ul.SpecialBannerList li.Education.ImageBanner a{
              height: auto;
              margin: 5px;
              padding: 0;
            }
            #PickupNavArea ul.SpecialBannerList li.Education.ImageBanner a img{
              max-height: initial;
            }
            #PickupNavArea ul.SpecialBannerList li.Education.ImageBanner a:hover img{
              opacity: 0.8;
            }
            
            .rsbp-under-bp2  #PickupNavArea ul.SpecialBannerList{
              flex-wrap: nowrap;
              overflow: scroll;
              display: flex;
              max-width: initial;
              margin-top: 0;
            }
            
            


/* SpecialContentsArea
--------------------------------------------------- */
#SpecialContentsArea{
  padding: 100px 0;
  /*background: url(../img/decoration/bg-fukuimap.png) no-repeat 200% -250px;*/
  overflow: hidden;
}
.rsbp-under-bp2 #SpecialContentsArea{
  padding: 50px 0 70px;
}
#SpecialContentsArea:before{
  background-image: url(../img/decoration/title-en-special.png);
  width : 350px;
  height: 130px;
  opacity: 0.25;
  right: 30px;
}
.rsbp-under-bp2 #SpecialContentsArea:before{
  width: 130px;
  height: 45px;
  right: 10px;
}
#SpecialContentsArea:after{
  content: "";
  position: absolute;
  z-index: 1;
}
.rsbp-over-bp2 #SpecialContentsArea:after{
  right: -330px;
  top  : 0;
  width : 936px;
  height: 1039px;
  background: url(../img/decoration/bg-fukuimap.png) no-repeat 200% -250px;
  background-size: contain;
}
.rsbp-under-bp2 #SpecialContentsArea:after{
  right: -185px;
  top: 10px;
  width : 420px;
  height: 500px;
  background: url(../img/decoration/bg-fukuimap-sp.png) no-repeat 200% -150px;
  background-size: contain;
}
    #SpecialContentsArea .Block{
      position: relative;
      z-index: 2;
    }
        #SpecialContentsArea .Block .BlockHeader{
        }
            #SpecialContentsArea .Block .BlockHeader .HeadingItalic{
              font-style: italic;
              color: #4cacb9;
              transform: rotate(-3deg);
              -moz-transform: rotate(-3deg);
              -webkit-transform: rotate(-3deg);
            }
            #SpecialContentsArea .Block .BlockHeader .Title{
            }
            .rsbp-under-bp2 #SpecialContentsArea .Block .BlockHeader .Title{
              text-shadow:
                  #fff 2px 0px 5px, #fff -2px 0px 5px,
                  #fff 0px -2px 5px, #fff -2px 0px 5px,
                  #fff 2px 2px 5px, #fff -2px 2px 5px,
                  #fff 2px -2px 5px, #fff -2px -2px 5px,
                  #fff 1px 2px 5px, #fff -1px 2px 5px,
                  #fff 1px -2px 5px, #fff -1px -2px 5px,
                  #fff 2px 1px 5px, #fff -2px 1px 5px,
                  #fff 2px -1px 5px, #fff -2px -1px 5px,
                  #fff 1px 1px 5px, #fff -1px 1px 5px,
                  #fff 1px -1px 5px, #fff -1px -1px 5px;
            }
            #SpecialContentsArea .Block .BlockHeader.AreaTitle:before{
              background-image: url(../img/common/juratic/rapto1.png);
            }
                #SpecialContentsArea .Block .BlockHeader .Title strong{
                  font-size: 120%;
                  color: #f0841a;
                  font-weight: inherit;
                }
        #SpecialContentsArea .Block .BlockContents{
        }
            #SpecialContentsArea .Block .BlockContents .ColumnGroup{
            }
            .rsbp-over-bp2 #SpecialContentsArea .Block .BlockContents .ColumnGroup{
              margin: 0 -10px;
            }
                #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column{
                  padding: 10px;
                }
                    #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a{
                      position: relative;
                      display: block;
                    }
                    .rsbp-over-bp2 #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a{
                      height: 213px;
                    }
                    .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a{
                      height: 51.5vw;
                    }
                        #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a .TextItem{
                        }
                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a .Category{
                              color: #fff;
                              display: inline-block;
                              border-radius: 3px;
                              padding: .1em 0.75em 0.15em;
                              font-weight: 600;
                              margin-bottom: 0.5em;
                              position: absolute;
                              top : 15px;
                              left: 17px;
                              z-index: 30;
                              font-size: 75%;
                            }
                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a[href*="feature/spring"] .Category{
                              background-color: #f683d4;
                            }
                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a[href*="feature/summer"] .Category{
                              background-color: #0a49ff;
                            }
                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a[href*="feature/autumn"] .Category{
                              background-color: #bd2e00;
                            }
                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a[href*="feature/winter"] .Category{
                              background: #569ae1;
                            }
                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a[href*="concierge"] .Category{
                              background-color: #4cacc5;
                            }
                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a[href*="special"] .Category{
                              background-color: #f0841a;
                            }
                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a[title*="偉人"] .Category{
                              background-color: #479e48;
                            }
                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a[title*="ゴールデンウィーク特集"] .Category{
                              background-color: #222;
                            }
                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a .Title{
                              color: #fff;
                              font-weight: 700;
                              position: absolute;
                              bottom: 17px;
                              left: 0;
                              z-index: 30;
                              width: 100%;
                              padding: 0 20px;
                            }
                            .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a .Title{
                              text-shadow: 
                                  rgba(0,0,0,0.3) 1px 1px 10px, rgba(0,0,0,0.3) -1px 1px 10px,
                                  rgba(0,0,0,0.3) 1px -1px 10px, rgba(0,0,0,0.3) -1px -1px 10px;
                            }
                                #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a .Title strong{
                                  display: block;
                                  font-size: 120%;
                                }
                                .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a .Title strong{
                                  font-size: 140%;
                                }
                        #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a .ImageItem{
                          position: absolute;
                          top: 0;
                          left: 0;
                          width : 100%;
                          height: 100%;
                          z-index: 10;
                          overflow: hidden;
                        }
                        #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a .ImageItem:before{
                          content: "";
                          width : 100%;
                          height: 100%;
                          display: block;
                          background: -moz-linear-gradient(top,  rgba(15,8,1,0) 0%, rgba(15,8,1,0) 50%, rgba(15,8,1,0.3) 70%, rgba(15,8,1,0.8) 100%);
                          background: -webkit-linear-gradient(top,  rgba(15,8,1,0) 0%,rgba(15,8,1,0) 50%,rgba(15,8,1,0.3) 70%,rgba(15,8,1,0.8) 100%);
                          background: linear-gradient(to bottom,  rgba(15,8,1,0) 0%,rgba(15,8,1,0) 50%,rgba(15,8,1,0.3) 70%,rgba(15,8,1,0.8) 100%);
                          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f0801', endColorstr='#cc0f0801',GradientType=0 );
                          position: absolute;
                          bottom: 0;
                          left: 0;
                          z-index: 20;
                        }
                        #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a .ImageItem.NoShadow:before{
                          content: none;
                        }


                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a .ImageItem img{
                              transition: 0.75s ease 0s;
                            }
                            #SpecialContentsArea .Block .BlockContents .ColumnGroup .Column a:hover .ImageItem img{
                              transform: scale(1.1);
                            }
            .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-wrapper{
            }
                .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-wrapper .Column{
                  height: auto!important;
                }
                            .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-wrapper .bx-pager.bx-default-pager a {
                              background: #efd8c1;
                              text-indent: -9999px;
                              display: block;
                              width:  15px;
                              height: 15px;
                              margin: 0 10px;
                              outline: 0;
                              border-radius: 100%;
                            }
                            .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-wrapper .bx-pager.bx-default-pager a.active {
                              background: #f0831a;
                            }
                            .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-wrapper .bx-pager.bx-default-pager a:hover{
                              background: #ffa249;
                            }
                .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-controls {
                  text-align: center;
                  max-width: 1000px;
                  margin: 0 auto;
                }
                    .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-pager,
                    .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-prev,
                    .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-next{
                      position: absolute;
                      z-index: 100;
                    }
                    .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-prev,
                    .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-next{
                      display: inline-block;
                      background: none;
                      color: #fff!important;
                      font-size: 200%;
                      text-indent: 0;
                      font-family: "fontello";
                      height: auto;
                      padding: 20px 0;
                      width: 1em;
                      margin-top: -0.5em;
                      text-shadow: 
                          rgba(0,0,0,0.3) 1px 1px 10px, rgba(0,0,0,0.3) -1px 1px 10px,
                          rgba(0,0,0,0.3) 1px -1px 10px, rgba(0,0,0,0.3) -1px -1px 10px;
                      top: 40%;
                    }
                    .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-prev:hover,
                    .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-next:hover{
                      text-decoration: none;
                    }
                    .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-pager{
                      top: 100%;
                      left: 0;
                      width: 100%;
                      padding-top: 0px;
                    }
                    .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-prev{
                      left: -8px;
                    }
                    .rsbp-under-bp2 #SpecialContentsArea .Block .BlockContents .bx-next{
                      right: -8px;
                    }





/* RankingArea
--------------------------------------------------- */
#RankingArea{
  background: #8ABCCA url(../img/ranking/bg-rank.png) no-repeat bottom center;
  padding: 90px 0;
}
.rsbp-under-bp2 #RankingArea{
  background: #8ABCCA url(../img/ranking/bg-rank-sp.jpg) no-repeat bottom center;
  padding: 40px 0 70px;
}
#RankingArea:before{
  background-image: url(../img/decoration/title-en-rank.png);
  width: 330px;
  height: 80px;
  opacity: 0.4;
}
.rsbp-under-bp2 #RankingArea:before{
  width: 120px;
  height: 30px;
}
    #RankingArea .Block{
    }
        #RankingArea .Block .BlockHeader{
          color: #fff;
        }
            #RankingArea .Block .BlockHeader.AreaTitle:before{
              background-image: url(../img/common/juratic/sautan1.png);
            }
        #RankingArea .Block .BlockContents{
        }
            #RankingArea .Block .BlockContents .MenuBox{
            }
            .rsbp-under-bp2 #RankingArea .Block .BlockContents .MenuBox{
              overflow-x: scroll;
            }
                #RankingArea .Block .BlockContents .MenuBox ul{
                  width: 80%;
                  margin: 0 auto 20px;
                }
                .rsbp-under-bp2 #RankingArea .Block .BlockContents .MenuBox ul{
                  min-width: 650px;
                  font-size: 80%;
                }
                    #RankingArea .Block .BlockContents .MenuBox ul li{
                      float: left;
                      width: 14.28%;
                      padding: 0 3px;
                    }
                        #RankingArea .Block .BlockContents .MenuBox ul li span{
                          display: block;
                          background-color: #fff;
                          color: #4cacb9;
                          font-weight: 600;
                          text-align: center;
                          font-size: 95%;
                          cursor: pointer;
                          transition: 0.3s ease 0s;
                        }
                        .rsbp-over-bp2 #RankingArea .Block .BlockContents .MenuBox ul li span{
                          padding: 0.75em 0 0.85em;
                        }
                        .rsbp-under-bp2 #RankingArea .Block .BlockContents .MenuBox ul li span{
                          padding: 1em 0 1.15em;
                        }
                        #RankingArea .Block .BlockContents .MenuBox ul li span.Active{
                          background-color: #f0841a;
                          color: #fff;
                          position: relative;
                        }
                        #RankingArea .Block .BlockContents .MenuBox ul li span.Active:before{
                          content: "";
                          position: absolute;
                          top: 100%;
                          left: 50%;
                          margin-left: -16px;
                          width: 0;
                          height: 0;
                          border-left: 16px solid transparent;
                          border-right: 16px solid transparent;
                          border-top: 12px solid #f0841a;
                        }
                        #RankingArea .Block .BlockContents .MenuBox ul li span:not(.Active):hover{
                          box-shadow: 0 0 10px 2px #e1f8ff;
                        }
            #RankingArea .Block .BlockContents .RankList{
              margin: 0 -5px;
            }
                #RankingArea .Block .BlockContents .RankList li{
                  float: left;
                  padding: 5px;
                }
                #RankingArea .Block .BlockContents .RankList li.Rank01{
                  width: 46%;
                }
                #RankingArea .Block .BlockContents .RankList li.Rank02,
                #RankingArea .Block .BlockContents .RankList li.Rank03{
                  width: 27%;
                }
                #RankingArea .Block .BlockContents .RankList li.Rank04,
                #RankingArea .Block .BlockContents .RankList li.Rank05,
                #RankingArea .Block .BlockContents .RankList li.Rank06{
                  width: 18%;
                  padding-top: 6px;
                }
                .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank01{
                  width: 100%;
                  float: none;
                  padding: 30px 2px 35px;
                }
                .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank02,
                .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank03{
                  width: 50%;
                  padding: 30px 2px 35px;
                }
                .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank04,
                .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank05,
                .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank06{
                  width: 33.3%;
                  padding: 30px 2px 20px;
                }

                    #RankingArea .Block .BlockContents .RankList li a{
                      display: block;
                      position: relative;
                    }
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank01 a{
                      height: 302.29px;
                    }
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank02 a,
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank03 a{
                      height: 175.11px;
                    }
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank04 a,
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank05 a,
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank06 a{
                      height: 114.86px;
                    }
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank01 a{
                      height: 56.25vw;
                    }
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank02 a,
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank03 a{
                      height: 28.125vw;
                    }
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank04 a,
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank05 a,
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank06 a{
                      height: 18.75vw;
                    }
                    #RankingArea .Block .BlockContents .RankList li        a:before{
                      content: "";
                      position: absolute;
                      top : -10px;
                      left: -10px;
                      z-index: 50;
                      background-repeat: no-repeat;
                      background-position: left center;
                      background-size: 100%;
                    }

                    /* ランキングアイコン */
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank01 a:before{
                      width : 100px;
                      height: 100px;
                    }
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank01 a:before{
                      top : -20px;
                      left: -8px;
                      width : 22vw;
                      height: 22vw;
                    }
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank02 a:before,
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank03 a:before{
                      top : -8px;
                      left: -8px;
                      width : 70px;
                      height: 70px;
                    }
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank02 a:before,
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank03 a:before{
                      top : -20px;
                      left: -4px;
                      width : 15vw;
                      height: 15vw;
                    }
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank04 a:before,
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank05 a:before,
                    .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank06 a:before{
                      top : -6px;
                      left: -6px;
                      width : 55px;
                      height: 55px;
                    }
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank04 a:before,
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank05 a:before,
                    .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank06 a:before{
                      top : -30px;
                      left: -4px;
                      width : 13vw;
                      height: 13vw;
                    }
                    #RankingArea .Block .BlockContents .RankList li.Rank01 a:before{
                      background-image: url(../img/ranking/rank1.png);
                    }
                    #RankingArea .Block .BlockContents .RankList li.Rank02 a:before{
                      background-image: url(../img/ranking/rank2.png);
                    }
                    #RankingArea .Block .BlockContents .RankList li.Rank03 a:before{
                      background-image: url(../img/ranking/rank3.png);
                    }
                    #RankingArea .Block .BlockContents .RankList li.Rank04 a:before{
                      background-image: url(../img/ranking/rank4.png);
                    }
                    #RankingArea .Block .BlockContents .RankList li.Rank05 a:before{
                      background-image: url(../img/ranking/rank5.png);
                    }
                    #RankingArea .Block .BlockContents .RankList li.Rank06 a:before{
                      background-image: url(../img/ranking/rank6.png);
                    }

                        #RankingArea .Block .BlockContents .RankList li a .RankingNumber{
                        }
                        #RankingArea .Block .BlockContents .RankList li a .RankPageTitle{
                          position: absolute;
                          left: 0;
                          z-index: 30;
                          width: 100%;
                          color: #fff;
                          font-weight: 700;
                          font-size: 90%;
                          white-space: nowrap;
                          overflow: hidden;
                          text-overflow: ellipsis;
                        }
                        .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li a .RankPageTitle{
                          bottom: 17px;
                          padding: 0 20px;
                        }
                        /*.rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li a .RankPageTitle{
                          bottom: 10px;
                          padding: 0 13px;
                          text-shadow:
                              rgba(0,0,0,0.65) 1px 1px 5px, rgba(0,0,0,0.65) -1px 1px 5px,
                              rgba(0,0,0,0.65) 1px -1px 5px, rgba(0,0,0,0.65) -1px -1px 5px;
                        }*/
                        .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li a .RankPageTitle{
                          top: 100%;
                          color: #006a82;
                          padding: 0 0.25em;
                          text-shadow:
                              rgba(255,255,255,0.65) 1px 1px 5px, rgba(255,255,255,0.65) -1px 1px 5px,
                              rgba(255,255,255,0.65) 1px -1px 5px, rgba(255,255,255,0.65) -1px -1px 5px;
                        }
                        #RankingArea .Block .BlockContents .RankList li.Rank01 a .RankPageTitle{
                          font-size: 120%;
                        }
                        .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank02 a .RankPageTitle,
                        .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li.Rank03 a .RankPageTitle{
                          font-size: 110%;
                        }
                        .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank04 a .RankPageTitle,
                        .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank05 a .RankPageTitle,
                        .rsbp-under-bp2 #RankingArea .Block .BlockContents .RankList li.Rank06 a .RankPageTitle{
                          font-size: 70%;
                          padding: 0;
                        }
                        #RankingArea .Block .BlockContents .RankList li a .Image{
                          position: absolute;
                          top: 0;
                          left: 0;
                          z-index: 10;
                          width : 100%;
                          height: 100%;
                          overflow: hidden;
                          border: 2px solid #fff;
                          height: 100%;
                        }
                        .rsbp-over-bp2 #RankingArea .Block .BlockContents .RankList li a .Image:before{
                          content: "";
                          width : 100%;
                          height: 100%;
                          display: block;
                          background: -moz-linear-gradient(top,  rgba(15,8,1,0) 0%, rgba(15,8,1,0) 50%, rgba(15,8,1,0.3) 70%, rgba(15,8,1,0.8) 100%);
                          background: -webkit-linear-gradient(top,  rgba(15,8,1,0) 0%,rgba(15,8,1,0) 50%,rgba(15,8,1,0.3) 70%,rgba(15,8,1,0.8) 100%);
                          background: linear-gradient(to bottom,  rgba(15,8,1,0) 0%,rgba(15,8,1,0) 50%,rgba(15,8,1,0.3) 70%,rgba(15,8,1,0.8) 100%);
                          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f0801', endColorstr='#cc0f0801',GradientType=0 );
                          position: absolute;
                          bottom: 0;
                          left: 0;
                          z-index: 20;
                        }
                            #RankingArea .Block .BlockContents .RankList li a .Image img{
                              width: 100%;
                              transition: 0.75s ease 0s;
                            }
                            #RankingArea .Block .BlockContents .RankList li a:hover .Image img{
                              transform: scale(1.1);
                            }
            #RankingArea .Block .BlockContents .Message{
              font-size: 100%;
              background: rgba(245, 245, 245, 0.5);
              padding: 3em 0;
              margin: 10px 0;
              border: 2px dashed #8fc6d7;
            }


        #RankingArea .Block .BlockFooter{
          margin-top: 60px;
        }
            #RankingArea .Block .BlockFooter .Button{
              text-align: center;
            }
                #RankingArea .Block .BlockFooter .Button a{
                  display: inline-block;
                  padding: 0.85em 3em 0.95em;
                  border: 4px solid #fff;
                  color: #fff;
                  font-weight: 500;
                  background-color: rgba(41,103,112,0.3);
                }
                .rsbp-under-bp2 #RankingArea .Block .BlockFooter .Button a{
                  padding: 0.85em 1.5em 0.95em;
                  font-size: 87.5%;
                  background-color: rgba(41,103,112,0.6);
                }
                #RankingArea .Block .BlockFooter .Button a:hover{
                  background-color: rgba(41,103,112,0.9);
                }





/* LibraryArea
--------------------------------------------------- */
#LibraryArea{
  padding: 70px 0 100px;
}
.rsbp-under-bp2 #LibraryArea{
  padding: 50px 0 60px;
}
#LibraryArea:before{
  background-image: url(../img/decoration/title-en-library.png);
  width : 300px;
  height: 80px;
  opacity: 0.3;
}
.rsbp-under-bp2 #LibraryArea:before{
  width: 120px;
  height: 30px;
}
    #LibraryArea .Block{
    }
        #LibraryArea .Block .BlockHeader{
        }
            #LibraryArea .Block .BlockHeader p{
              color: #867b66;
            }
            #LibraryArea .Block .BlockHeader .Title{
            }
            #LibraryArea .Block .BlockHeader.AreaTitle:before{
              background-image: url(../img/common/juratic/tichy1.png);
            }
                #LibraryArea .Block .BlockHeader .Title img{
                }
                .rsbp-over-bp2 #LibraryArea .Block .BlockHeader .Title img{
                  height: 1.1em;
                }
                .rsbp-under-bp2 #LibraryArea .Block .BlockHeader .Title img{
                  height: 1.15em;
                  width: auto;
                }
        #LibraryArea .Block .BlockContents{
        }
            #LibraryArea .Block .BlockContents .ColumnGroup{
            }
            .rsbp-over-bp2 #LibraryArea .Block .BlockContents .ColumnGroup{
              margin: 0 -20px;
            }
                #LibraryArea .Block .BlockContents .ColumnGroup .Column{
                }
                .rsbp-over-bp2 #LibraryArea .Block .BlockContents .ColumnGroup .Column{
                  padding: 0 20px;
                }
                .rsbp-under-bp2 #LibraryArea .Block .BlockContents .ColumnGroup .Column{
                  float: none;
                  width: 100%;
                  padding: 20px 20px;
                }
                    #LibraryArea .Block .BlockContents .ColumnGroup .Column a{
                      position: relative;
                      display: block;
                    }
                    #LibraryArea .Block .BlockContents .ColumnGroup .Column a:before{
                      content: "";
                      position: absolute;
                      right : -10px;
                      bottom: -10px;
                      z-index: 0;
                      width : 100%;
                      height: 100%;
                      background: #000;
                    }
                        #LibraryArea .Block .BlockContents .ColumnGroup .Column .Title{
                          color: #fff;
                          background: #000;
                          padding: 0.4em 1em 0.7em;
                          position: absolute;
                          bottom: -10px;
                          left  : 22%;
                          width: 60%;
                          z-index: 20;
                          text-align: center;
                          font-weight: 500;
                        }
                        .rsbp-under-bp2 #LibraryArea .Block .BlockContents .ColumnGroup .Column .Title{
                          left  : 10%;
                          width: 80%;
                        }
                    #LibraryArea .Block .BlockContents .ColumnGroup .Column.Video a:before,
                        #LibraryArea .Block .BlockContents .ColumnGroup .Column.Video .Title{
                      background: #d497b7;
                    }
                    #LibraryArea .Block .BlockContents .ColumnGroup .Column.Sozai a:before,
                        #LibraryArea .Block .BlockContents .ColumnGroup .Column.Sozai .Title{
                      background: #70b062;
                    }
                    #LibraryArea .Block .BlockContents .ColumnGroup .Column.Download a:before,
                        #LibraryArea .Block .BlockContents .ColumnGroup .Column.Download .Title{
                      background: #6bb6bb;
                    }
                        #LibraryArea .Block .BlockContents .ColumnGroup .Column .ImageItem{
                          position: relative;
                          right : 0;
                          bottom: 0;
                          z-index: 10;
                          box-shadow: 2px 2px 6px 0 rgba(15,8,1, 0.3);
                          transition: 0.3s ease 0s;
                        }
                        #LibraryArea .Block .BlockContents .ColumnGroup .Column a:hover .ImageItem{
                          right : -5px;
                          bottom: -5px;
                        }
                        #LibraryArea .Block .BlockContents .ColumnGroup .Column .Text{
                          text-align: center;
                          font-weight: 500;
                          font-size: 87.5%;
                          margin-top: 20px;
                        }
                        #LibraryArea .Block .BlockContents .ColumnGroup .Column.Video    .Text{
                          color: #d497b7;
                        }
                        #LibraryArea .Block .BlockContents .ColumnGroup .Column.Sozai    .Text{
                          color: #70b062;
                        }
                        #LibraryArea .Block .BlockContents .ColumnGroup .Column.Download .Text{
                          color: #6bb6bb;
                        }







/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● イベント・トピックス・その他共通                     */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#EventArea,
#TopicsArea{
}
    #EventArea  .BlockHeader,
    #TopicsArea .BlockHeader{
    }
        #EventArea  .BlockHeader .Title,
        #TopicsArea .BlockHeader .Title{
          float: left;
        }
            #EventArea  .BlockHeader .Title img,
            #TopicsArea .BlockHeader .Title img{
              width : auto;
              height: 100%;
            }
        #EventArea  .BlockHeader .Heading,
        #TopicsArea .BlockHeader .Heading{
          color: #f0841a;
          position: relative;
          font-size: 130%;
          margin-top: 0;
        }
        .rsbp-over-bp2 #EventArea  .BlockHeader .Heading,
        .rsbp-over-bp2 #TopicsArea .BlockHeader .Heading{
          float: right;
          width: 70%;
          padding: 8px 0 0 90px;
        }
        .rsbp-under-bp2 #EventArea  .BlockHeader .Heading,
        .rsbp-under-bp2 #TopicsArea .BlockHeader .Heading{
          text-align: center;
          font-size: 87.5%;
        }
        #EventArea  .BlockHeader .Heading:before,
        #TopicsArea .BlockHeader .Heading:before{
          content: "";
          background-position: left center;
          background-repeat: no-repeat;
          background-size: 100%;
          width : 68px;
          height: 68px;
          display: block;
        }
        .rsbp-over-bp2 #EventArea  .BlockHeader .Heading:before,
        .rsbp-over-bp2 #TopicsArea .BlockHeader .Heading:before{
          position: absolute;
          left: 0;
          top : -10px;
        }
        .rsbp-under-bp2 #EventArea  .BlockHeader .Heading:before,
        .rsbp-under-bp2 #TopicsArea .BlockHeader .Heading:before{
          margin: 0 auto 15px;
          width : 20vw;
          height: 20vw;
        }
        .rsbp-over-bp2 #EventArea  .BlockHeader .Heading:after,
        .rsbp-over-bp2 #TopicsArea .BlockHeader .Heading:after{
          content: "";
          width: 53%;
          height: 1px;
          background-color: #f0841a;
          position: absolute;
          right: 0;
          top: 1.01em;
        }
            #EventArea  .BlockHeader .Heading strong,
            #TopicsArea .BlockHeader .Heading strong{
              font-weight: inherit;
            }
            .rsbp-under-bp2 #EventArea  .BlockHeader .Heading strong,
            .rsbp-under-bp2 #TopicsArea .BlockHeader .Heading strong{
              display: block;
              font-size: 180%;
            }


body .ArticleColumnGroup{
}
body.rsbp-over-bp2 .ArticleColumnGroup{
  margin: 0 -10px;
}
body.rsbp-under-bp2 .ArticleColumnGroup{
  margin: 0 -5px;
}
    body .ArticleColumnGroup .Column{
    }
    body.rsbp-over-bp2 .ArticleColumnGroup .Column{
      padding: 10px;
    }
    body.rsbp-under-bp2 .ArticleColumnGroup .Column{
      width: 50%!important;
      padding: 8px 4px;
    }
        body .ArticleColumnGroup .Column a{
          display: block;
          background-color: #fff;
          position: relative;
          top: 0;
          transition: 0.2s ease 0s;
        }
        body.rsbp-over-bp2 .ArticleColumnGroup .Column a{
          box-shadow: 5px 5px 20px 0 rgba(15,8,1,0.2);
        }
        body.rsbp-under-bp2 .ArticleColumnGroup .Column a{
          box-shadow: 3px 3px 8px 0 rgba(15,8,1,0.2);
        }
        body .ArticleColumnGroup .Column a:hover{
          top: 4px;
        }
            body .ArticleColumnGroup .Column a .ImageBox{
              position: relative;
            }
                body .ArticleColumnGroup .Column a .ImageBox p.Image{
                  margin-bottom: 0;
                  overflow: hidden;
                }
                    body .ArticleColumnGroup .Column a .ImageBox p.Image img{
                      /* jsの処理で出現させるため */
                      display: none;
                    }
                body .ArticleColumnGroup .Column a .ImageBox p.Recommend{
                  position: absolute;
                  top : 10px;
                  left: 10px;
                  color: #fff;
                  background-color: #ea4e35;
                  font-size: 70%;
                  display: inline-block;
                  border-radius: 3px;
                  padding: .1em 0.75em 0.15em;
                  font-weight: 500;
                  margin-bottom: 0.5em;
                  box-shadow: 0 0 3px 1px #fff;
                }
            body .ArticleColumnGroup .Column a .TextBox{
              padding: 20px;
            }
            body.rsbp-under-bp2  .ArticleColumnGroup .Column a .TextBox{
              padding: 3vw;
            }
                body .ArticleColumnGroup .Column a .TextBox .Date{
                  margin-bottom: 0.75em;
                  color: #88734b;
                  font-size: 70%;
                }
                body.rsbp-under-bp2 .ArticleColumnGroup .Column a .TextBox .Date{
                  font-weight: 500;
                }
                body .ArticleColumnGroup .Column a .TextBox .Title{
                  font-weight: 700;
                }

    body .ArticleColumnGroup .Message{
      font-size: 100%;
      background: #f5f5f5;
      padding: 3em 0;
      margin: 10px 0;
      border: 2px dashed #dbdbdb;
    }



/* EventArea
--------------------------------------------------- */
#EventArea{
  background: url(../img/decoration/bg-event.gif);
  padding: 90px 0;
}
.rsbp-under-bp2 #EventArea{
  padding-top: 40px;
}
.rsbp-under-bp2 #EventArea:before{
  background-image: url(../img/decoration/title-en-event.png);
  width: 110px;
  height: 40px;
  opacity: 0.3;
}
    #EventArea .BlockHeader{
      position: relative;
      z-index: 30;
    }
    .rsbp-under-bp2 #EventArea .BlockHeader{
      margin-bottom: 40px;
    }
        #EventArea  .BlockHeader .Title{
          height: 46px;
        }
        #EventArea  .BlockHeader .Heading:before{
          background-image: url(../img/common/juratic/spino1.png);
        }
    #EventArea .BlockContents{
    }
        #EventArea .CalendarBlock{
          position: relative;
        }
        .rsbp-over-bp2 #EventArea .CalendarBlock{
          width: 30%;
          padding-right: 50px;
          margin-top: -3px;
        }
        #EventArea .CalendarBlock:before{
          content: "";
          background: #f0841a;
          width: 185px;
          height: 185px;
          position: absolute;
          top: -15px;
          border-radius: 100%;
          z-index: 10;
        }
        .rsbp-over-bp2 #EventArea .CalendarBlock:before{
          left: 60px;
        }
        .rsbp-under-bp2 #EventArea .CalendarBlock:before{
          left: 50%;
          margin-left: -92.5px;
        }
            #EventArea .CalendarBlock .MonthText{
              font-family: 'Century Gothic',"游ゴシック", "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
              text-align: center;
              color: #fff;
              font-style: italic;
              font-weight: bold;
              padding-bottom: 15px;
              position: relative;
              z-index: 20;
            }
            .rsbp-under-bp2 #EventArea .CalendarBlock .MonthText{
              font-size: 70%;
            }
                #EventArea .CalendarBlock .MonthText .Month{
                  font-size: 140%;
                }
                    #EventArea .CalendarBlock .MonthText .Month:first-letter{
                      font-size: 180%;
                    }
                #EventArea .CalendarBlock .MonthText .Year{
                  font-size: 80%;
                }
            #EventArea .CalendarBlock .CalendarTable{
              background-color: #fff;
              padding: 30px 20px;
              font-family: 'Century Gothic',sans-serif;
              font-weight: bold;
              position: relative;
              z-index: 20;
            }
            .rsbp-under-bp2 #EventArea .CalendarBlock .CalendarTable{
              padding: 30px 10px;
            }
                #EventArea .CalendarBlock .CalendarTable table{
                  width: 100%;
                  border-collapse: collapse;
                }
                        #EventArea .CalendarBlock .CalendarTable th,
                        #EventArea .CalendarBlock .CalendarTable td{
                          text-align: center;
                          padding: 3px;
                          width: 14.28%;
                        }
                    #EventArea .CalendarBlock .CalendarTable thead{
                    }
                        #EventArea .CalendarBlock .CalendarTable thead th,
                        #EventArea .CalendarBlock .CalendarTable thead td{
                          color: #88734b;
                          padding-bottom: 0.75em;
                          font-size: 80%;
                        }
                    #EventArea .CalendarBlock .CalendarTable tbody{
                    }
                        #EventArea .CalendarBlock .CalendarTable tbody th,
                        #EventArea .CalendarBlock .CalendarTable tbody td{
                          color: #56421b;
                          line-height: 1;
                          font-size: 90%;
                        }
                        .rsbp-over-bp2 #EventArea .CalendarBlock .CalendarTable tbody th,
                        .rsbp-over-bp2 #EventArea .CalendarBlock .CalendarTable tbody td{
                        }
                        .rsbp-under-bp2 #EventArea .CalendarBlock .CalendarTable tbody th,
                        .rsbp-under-bp2 #EventArea .CalendarBlock .CalendarTable tbody td{
                          padding: 5px 3px;
                        }
                            #EventArea .CalendarBlock .CalendarTable td > span,
                            #EventArea .CalendarBlock .CalendarTable td a{
                              display: block;
                              border-radius: 100%;
                              padding: 0.55em 0.4em;
                            }
                            .rsbp-under-bp2 #EventArea .CalendarBlock .CalendarTable td > span,
                            .rsbp-under-bp2 #EventArea .CalendarBlock .CalendarTable td a{
                              padding: 0.75em 0;
                            }
                            #EventArea .CalendarBlock .CalendarTable td.Today > span{
                              border: 2px solid #d2452e;
                            }
                            #EventArea .CalendarBlock .CalendarTable td a{
                              color:  #fff;
                              background-color: #f0841a;
                              box-shadow: 1px 1px 0 1px #a4611f;
                            }
                            #EventArea .CalendarBlock .CalendarTable td a:hover{
                              background-color: #e47100;
                            }
                            #EventArea .CalendarBlock .CalendarTable td.Today a{
                              background-color: #d2452e;
                              box-shadow: 1px 1px 0 1px #831200;
                            }
                            #EventArea .CalendarBlock .CalendarTable td.Today a:hover{
                              background-color: #b7321c;
                            }
            #EventArea .CalendarBlock .ButtonBox{
            }
                #EventArea .CalendarBlock .ButtonBox > p{
                  width: 50%;
                }
                #EventArea .CalendarBlock .ButtonBox > p.PrevMonth{
                  text-align: left;
                  float: left;
                }
                #EventArea .CalendarBlock .ButtonBox > p.NextMonth{
                  text-align: right;
                  float: right;
                }
                    #EventArea .CalendarBlock .ButtonBox p a{
                      display: inline-block;
                      padding: 0.5em 2em;
                      color: #fff;
                      background-color: #f0841a;
                      font-size: 75%;
                    }
                    .rsbp-under-bp2 #EventArea .CalendarBlock .ButtonBox p a{
                      padding: 0.75em 1.5em;
                    }
        #EventArea .EventListBlock{
        }
        .rsbp-over-bp2 #EventArea .EventListBlock{
          width: 70%;
          padding-top: 36px;
        }
        .rsbp-under-bp2 #EventArea .EventListBlock{
          padding-top: 20px;
        }
            #EventArea .EventListBlock .Heading{
              color: #f0841a;
              margin-bottom: 0.25em;
            }
            .rsbp-under-bp2 #EventArea .EventListBlock .Heading{
              font-size: 110%;
              margin-bottom: 0.5em;
              text-align: center;
            }
            #EventArea .EventListBlock .Heading:before{
              content: "\e810";
              font-family: "fontello";
              margin-right: 0.75em;
            }
                #EventArea .EventListBlock .Heading span{
                  font-size: 120%;
                  padding: 0 0.1em;
                }

            #EventArea .EventListBlock .Button{
              text-align: center;
            }
            .rsbp-over-bp2  #EventArea .EventListBlock .Button{
              margin-top: 50px;
            }
            .rsbp-under-bp2 #EventArea .EventListBlock .Button{
              margin-top: 30px;
            }



/* TopicsArea
--------------------------------------------------- */
#TopicsArea{
  padding: 100px 0;
}
.rsbp-under-bp2 #TopicsArea{
  padding-top: 40px;
}
.rsbp-under-bp2 #TopicsArea:before{
  background-image: url(../img/decoration/title-en-topics.png);
  width: 110px;
  height: 35px;
  opacity: 0.3;
}
    #TopicsArea .BlockHeader{
      margin-bottom: 40px;
    }
        #TopicsArea .BlockHeader .Title{
          height: 55px;
        }
        #TopicsArea  .BlockHeader .Heading:before{
          background-image: url(../img/common/juratic/tricera1.png);
        }
    #TopicsArea .BlockContents{
    }
    .rsbp-over-bp2 #TopicsArea .BlockFooter{
      margin-top: 50px;
    }
    .rsbp-under-bp2 #TopicsArea .BlockFooter{
      margin-top: 30px;
    }
        #TopicsArea .BlockFooter .Button{
          text-align: center;
        }





/* MemberInfoArea
--------------------------------------------------- */
#MemberInfoArea{
}
    #MemberInfoArea .MemberTopicsBlock{
      background: url(../img/decoration/bg-member-info.gif);
      border-radius: 30px;
      padding: 12px;
    }
    .rsbp-under-bp2 #MemberInfoArea .MemberTopicsBlock{
      padding: 7px;
      margin: 0 30px;
    }
        #MemberInfoArea .MemberTopicsBlock .inner{
          background: #fff;
          border-radius: 20px;
          padding: 60px;
        }
        .rsbp-under-bp2 #MemberInfoArea .MemberTopicsBlock .inner{
          padding: 9vw 7vw;
        }
            #MemberInfoArea .MemberTopicsBlock .inner .LeftItem{
            }
            .rsbp-over-bp2 #MemberInfoArea .MemberTopicsBlock .inner .LeftItem{
              width: 30%;
              padding-right: 55px;
            }
            .rsbp-under-bp2 #MemberInfoArea .MemberTopicsBlock .inner .LeftItem{
              padding: 0 10px 10px;
            }
                #MemberInfoArea .MemberTopicsBlock .inner .LeftItem .Title{
                }
                .rsbp-over-bp2 #MemberInfoArea .MemberTopicsBlock .inner .LeftItem .Title{
                  padding: 10px 20px;
                  margin-bottom: 30px;
                }
                .rsbp-under-bp2 #MemberInfoArea .MemberTopicsBlock .inner .LeftItem .Title{
                  float: left;
                  width: 50%;
                }
                .rsbp-under-bp2 #MemberInfoArea .MemberTopicsBlock .inner .LeftItem .Image{
                  float: right;
                  width: 45%;
                }
            #MemberInfoArea .MemberTopicsBlock .inner .RightItem{
            }
            .rsbp-over-bp2 #MemberInfoArea .MemberTopicsBlock .inner .RightItem{
              width: 70%;
            }
                #MemberInfoArea .MemberTopicsBlock .inner .RightItem .Column{
                }
                .rsbp-under-bp2 #MemberInfoArea .MemberTopicsBlock .inner .RightItem .Column{
                  width: 100%!important;
                  float: none;
                  padding: 15px 30px;
                }
                    .rsbp-under-bp2 #MemberInfoArea .MemberTopicsBlock .inner .RightItem .Column a{
                      height: auto!important;
                    }
                        #MemberInfoArea .MemberTopicsBlock .inner .RightItem .ImageBox{
                        }
                        /*.rsbp-under-bp2 #MemberInfoArea .MemberTopicsBlock .inner .RightItem .ImageBox{
                          float: left;
                          width: 45%;
                        }*/
                        #MemberInfoArea .MemberTopicsBlock .inner .RightItem .TextBox{
                        }
                        /*.rsbp-under-bp2 #MemberInfoArea .MemberTopicsBlock .inner .RightItem .TextBox{
                          float: right;
                          width: 55%;
                        }*/
                            #MemberInfoArea .ArticleColumnGroup .Column a .TextBox .Date{
                              margin-bottom: 0.25em;
                            }
                            #MemberInfoArea .ArticleColumnGroup .Column a .TextBox .Name{
                              font-size: 70%;
                              margin-bottom: 0.75em;
                            }
                            #MemberInfoArea .MemberTopicsBlock .inner .RightItem .ColorButton{
                              text-align: center;
                              margin-top: 40px;
                            }



/* PrBannerArea
--------------------------------------------------- */
#PrBannerArea{
  padding: 60px 0;
}
.rsbp-under-bp2 #PrBannerArea{
  padding: 70px 20px;
  border-bottom: 1px solid #ccc;
}
    #PrBannerArea ul{
    }
        #PrBannerArea ul li{
        }
        .rsbp-over-bp1 #PrBannerArea ul li{
          width: 390px;
          float: left;
          padding: 20px;
        }
        .rsbp-under-bp1 #PrBannerArea ul li{
          width: 33.3%;
        }
        .rsbp-under-bp2 #PrBannerArea ul li{
          width: 100%;
          padding: 20px 15px;
        }
            #PrBannerArea ul li a{
              display: block;
            }
                #PrBannerArea ul li a img{
                  width: 100%;
                }
            #PrBannerArea ul li .TextBox{
              overflow: hidden;
            }
                #PrBannerArea ul li .TextBox .marquee{
                  animation-name: marquee;
                  animation-duration: 7s;
                  animation-timing-function: linear;
                  animation-iteration-count: infinite;
                  white-space: nowrap;
                  font-size: 87.5%;
                  margin-top: 0.25em;
                }
                @keyframes marquee {
                  from    { transform: translate(0%); } 
                  100%,to { transform: translate(-100%); }
                }
                    #PrBannerArea ul li .TextBox .marquee a:before{
                      color: #ec7500;
                      content: "\e821";
                      font-family: "fontello";
                      padding-left: 2em;
                    }



/* LargeBannerArea
--------------------------------------------------- */
#LargeBannerArea{
  padding: 60px 0;
}
.rsbp-under-bp2 #LargeBannerArea{
  padding: 30px 15px;
}
    #LargeBannerArea ul{
    }
        #LargeBannerArea ul li{
          text-align: center;
        }
        #LargeBannerArea ul li + li{
          margin-top: 25px;
        }
        .rsbp-under-bp2 #LargeBannerArea ul li{
          overflow: hidden;
        }
            #LargeBannerArea ul li img{
              box-shadow: 2px 2px 20px 0 rgba(15,8,1,0.2);
            }
            .rsbp-under-bp2 #LargeBannerArea ul li img{
              width: 130%;
              max-width: 130%;
            }