@charset "utf-8";

/* ===== button ===== */
.fw .btnPlus {
  position: relative;
}
.fw .btn.btnPlus::before,
.fw .btn.btnPlus::after {
  position: absolute;
  content: "";
  background-color: #333;
  top: -webkit-calc(50% - 1px);
  top: calc(50% - 1px);
  right: 25px;
  width: 12px;
  height: 2px;
}
@media only screen and (max-width: 600px) {
  .fw .btn.btnPlus::before,
  .fw .btn.btnPlus::after {
    right: 20px;
  }
}
.fw .btn.btnPlus::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.fw .btn.btnPlus.active::after {
  content: none;
}
.necessary-example {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .necessary-example {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* ===== map ===== */
/* Prefecture Map */
#prefecture-map {
  float: left;
  width: 540px;
  margin-right: 30px;
}

#prefecture {
  position: relative;
  width: 540px;
  height: 450px;
  margin-top: 20px;
  background: url(/shop/set/data/search/img/p/rf2018/fig_bg-map.jpg) no-repeat;
}

#prefecture li {
  position: absolute;
  text-indent: -9999px;
  background-image: url(/shop/set/data/search/img/p/rf2018/fig_bg-map.jpg);
  outline: none!important;
  cursor: pointer;
}

#prefecture li.pref-hover {
  background-image: url(/shop/set/data/search/img/p/rf2018/fig_bg-map-on.jpg);
}

#prefecture li.pref-selected {
  background-image: url(/shop/set/data/search/img/p/rf2018/fig_bg-map-at.jpg)!important;
  cursor: default;
}

#pref01 { width: 120px; height: 100px; left: 365px; top: 42px; background-position: -365px -42px; }
#pref02 { width:  80px; height:  28px; left: 364px; top: 142px; background-position: -364px -142px; }
#pref03 { width:  40px; height:  30px; left: 404px; top: 170px; background-position: -404px -170px; }
#pref04 { width:  40px; height:  30px; left: 404px; top: 200px; background-position: -404px -200px; }
#pref05 { width:  40px; height:  30px; left: 364px; top: 170px; background-position: -364px -170px; }
#pref06 { width:  40px; height:  30px; left: 364px; top: 200px; background-position: -364px -200px; }
#pref07 { width:  50px; height:  30px; left: 394px; top: 230px; background-position: -394px -230px; }
#pref08 { width:  30px; height:  53px; left: 414px; top: 262px; background-position: -414px -262px; }
#pref09 { width:  33px; height:  28px; left: 381px; top: 262px; background-position: -381px -262px; }
#pref10 { width:  26px; height:  53px; left: 355px; top: 262px; background-position: -355px -262px; }
#pref11 { width:  33px; height:  25px; left: 381px; top: 290px; background-position: -381px -290px; }
#pref12 { width:  30px; height:  47px; left: 414px; top: 315px; background-position: -414px -315px; }
#pref13 { width:  41px; height:  17px; left: 373px; top: 315px; background-position: -373px -315px; z-index: 1; }
#pref14 { width:  51px; height:  38px; left: 353px; top: 324px; background-position: -353px -324px; }
#pref15 { width:  47px; height:  29px; left: 345px; top: 231px; background-position: -345px -231px; }
#pref16 { width:  41px; height:  29px; left: 304px; top: 231px; background-position: -304px -231px; }
#pref17 { width:  30px; height:  34px; left: 274px; top: 212px; background-position: -274px -212px; }
#pref18 { width:  30px; height:  37px; left: 274px; top: 246px; background-position: -274px -246px; }
#pref19 { width:  46px; height:  32px; left: 326px; top: 290px; background-position: -326px -290px; }
#pref20 { width:  30px; height:  41px; left: 326px; top: 260px; background-position: -326px -260px; }
#pref21 { width:  21px; height:  39px; left: 303px; top: 262px; background-position: -303px -262px; }
#pref22 { width:  39px; height:  38px; left: 313px; top: 324px; background-position: -313px -324px; }
#pref23 { width:  30px; height:  51px; left: 295px; top: 300px; background-position: -295px -301px; }
#pref24 { width:  31px; height:  39px; left: 264px; top: 313px; background-position: -264px -313px; }
#pref25 { width:  45px; height:  28px; left: 257px; top: 284px; background-position: -257px -284px; }
#pref26 { width:  30px; height:  22px; left: 243px; top: 262px; background-position: -243px -262px; }
#pref27 { width:  44px; height:  28px; left: 213px; top: 284px; background-position: -213px -284px; }
#pref28 { width:  30px; height:  22px; left: 213px; top: 262px; background-position: -213px -262px; }
#pref29 { width:  21px; height:  60px; left: 243px; top: 312px; background-position: -243px -312px; }
#pref30 { width:  19px; height:  60px; left: 224px; top: 312px; background-position: -224px -312px; }
#pref31 { width:  29px; height:  21px; left: 182px; top: 282px; background-position: -182px -282px; }
#pref32 { width:  30px; height:  21px; left: 152px; top: 282px; background-position: -152px -282px; }
#pref33 { width:  29px; height:  19px; left: 182px; top: 303px; background-position: -182px -303px; }
#pref34 { width:  30px; height:  19px; left: 152px; top: 303px; background-position: -152px -303px; }
#pref35 { width:  19px; height:  40px; left: 133px; top: 282px; background-position: -133px -282px; }
#pref36 { width:  34px; height:  19px; left: 178px; top: 353px; background-position: -178px -353px; }
#pref37 { width:  34px; height:  21px; left: 178px; top: 333px; background-position: -178px -333px; }
#pref38 { width:  36px; height:  21px; left: 142px; top: 332px; background-position: -142px -332px; }
#pref39 { width:  36px; height:  19px; left: 142px; top: 353px; background-position: -142px -353px; }
#pref40 { width:  30px; height:  27px; left: 95px; top: 293px; background-position: -95px -293px; }
#pref41 { width:  21px; height:  58px; left: 75px; top: 293px; background-position: -75px -293px; }
#pref42 { width:  20px; height:  49px; left: 55px; top: 293px; background-position: -55px -293px; }
#pref43 { width:  25px; height:  32px; left: 85px; top: 350px; background-position: -85px -350px; }
#pref44 { width:  39px; height:  31px; left: 96px; top: 320px; background-position: -96px -320px; }
#pref45 { width:  26px; height:  33px; left: 109px; top: 350px; background-position: -109px -350px; }
#pref46 { width:  50px; height:  20px; left: 85px; top: 382px; background-position: -85px -382px; }
#pref47 { width:  20px; height:  51px; left: 55px; top: 352px; background-position: -55px -352px; }

/* /Prefecture Map */



/* Prefecture List */

#prefecture-list {
  float: left;
  width: calc(100% - 580px);
  height: 559px;
  position: relative;
}

#prefecture-list-title {
  width: 200px;
  height: 29px;
  line-height: 29px;
  padding: 2px 0 0 0;
  background: #5bcfe8 url(/shop/set/data/search/img/p/rf2018/bg_plt.png) no-repeat;
}

#prefecture-list #pl-curtain,
#prefecture-list li.plPref {
  position: relative;
}

#prefecture-list #pl-curtain {
  margin-top: 20px;
  padding: 181.5px 0;
  text-align: center;
  background-color: #ffffff;
  z-index: 1;
}

#prefecture-list li.plPref {
  display: none;
}

#prefecture-list li.currentArea {
  display: block!important;
}

#prefecture-list .plPref h3 {
  display: none;
  position: absolute;
  left: 14px;
  top: -30px;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}

#prefecture-list .plPref li a,
#prefecture-list .plPref li p,
#prefecture-list .plPref .hasWards h4 {
  padding: 0;
}

#prefecture-list .plPref li a,
#prefecture-list .plPref li p {
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  line-height: 29px;
  font-size: 16px;
  font-weight: normal;
  position: relative;
}

#prefecture-list .plPref li{
  border-bottom: 1px solid #e5e5e5;
}

#prefecture-list .plPref li:last-child {
  border-bottom: none !important;
}

#prefecture-list .plPref li a:hover {
  text-decoration: none;
  background-position: 0 -50px;
}

#prefecture-list .plPref .hasWards {
  height: auto;
  background: none;
  padding: 0 0 5px 0;
}

#prefecture-list .plPref .hasWards h4 {
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  color: #006699;
}

#prefecture-list .plPref .hasWards li,
#prefecture-list .plPref .hasWards li a {
  background: none;
  line-height: 12px;
  padding: 0;
  height: auto;
}

#prefecture-list .plPref .hasWards ul {
  padding: 2px 0 2px 40px;
}

#prefecture-list .plPref .hasWards li {
  height: auto;
  padding: 10px 0 0 0;
}

#prefecture-list .plPref .hasWards li a,
#prefecture-list .plPref .hasWards li a:hover {
  line-height: 1.1;
  padding: 0 0 0 18px;
  background: url(/shop/set/data/search/img/p/rf2018/icn_arrow_light-gray.gif) no-repeat 0px 0.2em;
  font-size: 88%;
}

#prefecture-list .plPref .hasWards li a:hover {
  text-decoration: underline;
}

/* /Prefecture List */

/* ===== /map ===== */


.scroll {
  top: 89px;
  margin-top: 20px;
  padding: 0 30px;
  width: 100%;
  height: 450px;
  overflow-y: scroll;
  background-color: #ffffff;
  position: absolute;
}

/* ここから */
#prefecture-list .plPref ul {
    position:relative; li
    -webkit-transition:.3s;
    transition:.3s
}

#prefecture-list .plPref ul li a:before {
  content:"";
  display:block;
  border-top:solid 2px #000;
  border-right:solid 2px #000;
  vertical-align:middle;
  width:8px;
  height:8px;
  position:absolute;
  top:50%
}

#prefecture-list .plPref ul li a:before{
  right: 0;
}

#prefecture-list .plPref ul li a:before{
  -ms-transform:translate(0, -50%) rotate(45deg);
  transform:translate(0, -50%) rotate(45deg);
  -webkit-transform:translate(0, -50%) rotate(45deg);
}

#prefecture-list .plPref ul li a:before{
  margin-top:-4px;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

#prefecture-list .plPref ul li a:hover{
  opacity:.5;
}

#prefecture-list .plPref ul li a:hover:before{
  -webkit-animation:arrowR .4s 2;
  animation:arrowR .4s 2;
}

.fw .listBox a:hover:before {
  -webkit-animation:arrowR .4s 2;
  animation:arrowR .4s 2;
}

.noteCovid19 {
  color: #00999b;
  text-align: center;
  font-weight: bold;
  font-family: Helvetica, Arial, Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
  letter-spacing: normal;
}

.fw .url-param-gakuwari-show,
.fw .url-param-gakuwari-hide {
  display: none;
}
.fw .js-show {
  display: block;
}

.fw .url-param-gakuwari-show .j_toggleDetail {
    padding: 0;
}

.fw .url-param-gakuwari-show .tabBase {
    padding: 0 10px;
    border-bottom: solid 4px #0f82b8;
}

@media only screen and (min-width: 601px){
  .fw .url-param-gakuwari-show .tabBase ul {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      text-align: center;
      max-width: 950px;
      margin-left: auto;
      margin-right: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
  }
  
  .fw .url-param-gakuwari-show .tabBase ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
      flex: 1 1 0;
      margin: 0 10px 0 0;
      width: 100%!important;
      min-width: 230px!important;
      box-sizing: border-box;
  }

  .fw .url-param-gakuwari-show .tabBase ul li:last-child {
      margin-right: 0;
  }

  .fw .url-param-gakuwari-show .tabBase ul li .j_tabBtn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0;
      padding: 20px;
      width: 100%;
      box-sizing: border-box;
      border: none;
      background: #CFD0D1;
      color: #333;
      opacity: 1;
      outline: none;
      cursor: pointer;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 1.5;
      height: auto;
  }
  
  .fw .url-param-gakuwari-show .tabBase ul li .j_tabBtn.active {
      background: #0b5bce;
      background: -webkit-gradient(linear, left top, left bottom, from(#0b5bce), to(#0f82b8));
      background: linear-gradient(to bottom, #0b5bce 0%, #0f82b8 100%);
      color: #fff!important;
      opacity: 1;
      border-bottom: 0px solid #fff;
      padding-top: 20px;
  }  
}
@media only screen and (max-width: 600px){
  .fw .url-param-gakuwari-show section.section {
      padding: 50px 0;
  }

  .fw .url-param-gakuwari-show,
  .fw .url-param-gakuwari-show .ttlNormal{
      font-size: 15px;
  }

  .fw .url-param-gakuwari-show section.section .btnArea {
      margin-top: 20px;
  }

  .fw .url-param-gakuwari-show .tabBase {
      margin-top: 30px;
      margin-bottom: 25px;
      padding: 0 15px;
  }

  .fw .url-param-gakuwari-show .flex {
      margin-left: 0px;
      margin-right: 0px;
  }
  
  .fw .url-param-gakuwari-show .j_tabDetail .flex {
      margin-left: -5px;
      margin-right: -5px;
  }

  .fw .url-param-gakuwari-show .tabBase ul li {
    margin-bottom: 0!important;
    width: calc( 33.33333%)!important;
    margin-right: 5px!important;
    margin-left: 0;
  }

  .fw .url-param-gakuwari-show .tabBase ul li:last-child {
      margin-right: 0!important;
  }

  .fw .url-param-gakuwari-show .tabBase ul li .j_tabBtn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0;
      box-sizing: border-box;
      border: none;
      background: #CFD0D1;
      color: #333;
      opacity: 1;
      outline: none;
      cursor: pointer;
      font-weight: bold;
      line-height: 1.5;
      height: 60px;
  }

  .fw .url-param-gakuwari-show .tabBase ul li .j_tabBtn span {
      font-size: 13px;
  }

  .fw .url-param-gakuwari-show .tabBase ul li .j_tabBtn.active {
      background: #0b5bce;
      background: -webkit-gradient(linear, left top, left bottom, from(#0b5bce), to(#0f82b8));
      background: linear-gradient(to bottom, #0b5bce 0%, #0f82b8 100%);
      color: #fff!important;
      opacity: 1;
      border-bottom: 0px solid #fff;
  }

  .fw .url-param-gakuwari-show .boxInnerSmall {
      padding: 25px 0 0;
  }

  .fw .url-param-gakuwari-show .flex>.spCustomFlexIcon {
      width: 56px;
      min-height: 45px;
      box-sizing: border-box;
      overflow: hidden;
  }
  
  .fw .url-param-gakuwari-show .flex>.spCustomFlexIcon+.spCustomFlex {
      width: calc( 100% - 76px);
  }
}

.fw .url-param-gakuwari-show .tabBase ul li .j_tabBtn.active span {
  color: #ffffff;
}