@charset: "utf-8";

.home,
.home_region {
  color: #1c1c1c;
}

#main_area .wave:before,
#main_area .wave:after {
  display: none;
}

#main_area .wave {
  position: inherit;
  background: #fff;
}

#main_area .dtl_contents {
  padding: 70px 0;
  background-color: transparent;
  background: linear-gradient(#fff, rgba(255, 255, 255, 0)), url(../images/renew/wave_03.png) repeat bottom;
}

.home_mv {
  width: 100%;
}

.home_mv img {
  max-width: 300px;
  margin: 0 auto;
}

.home_mv .map_shiga{
  position: relative;
}

.home_mv .map_dtl li a {
  position: absolute;
}



/*
@media screen and (min-width:500px) and (max-width:768px) {
  .home_mv .map_dtl li.map_kouka a {
        right: 32%;
  }
}
*/
.home_mv_txt {
  line-height: 1.8;
  font-size: 1.6rem;
}

.home_txt_area {
  margin-top: 30px;
}

.home_ttl {
  font-size: 2.4rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.area_list > li {
  margin-bottom: 20px;
}

.area_dtl {
  background: url(../images/home/area_otsu.svg) no-repeat right 10px center #F29C36;
  background-size: 100px auto;
  height: 187px;
  border-radius: 10px;
  position: relative;
}

.area_list li:nth-child(2) .area_dtl {
  background: url(../images/home/area_kouka.svg) no-repeat right -37px center #CBC413;
  background-size: 180px auto;
}

.area_list li:nth-child(3) .area_dtl {
  background: url(../images/home/area_higashiomi.svg) no-repeat right -20px center #4BB94B;
  background-size: 180px auto;
}

.area_list li:nth-child(4) .area_dtl {
  background: url(../images/home/area_koto.svg) no-repeat right -47px center #4CB8D1;
  background-size: 180px auto;
}

.area_list li:nth-child(5) .area_dtl {
  background: url(../images/home/area_kohoku.svg) no-repeat right center #777FDD;
  background-size: 130px auto;
}

.area_list li:nth-child(6) .area_dtl {
  background: url(../images/home/area_takashima.svg) no-repeat right -20px center #E275AA;
  background-size: 160px auto;
}

.area_list li:nth-child(7) .area_dtl {
  background: url(../images/home/area_other.svg) no-repeat right 10px center #007FDD;
  background-size: 136px auto;
}

@media all and (-ms-high-contrast: none) {
  .area_list li:first-child .area_dtl {
    background: url(../images/home/ie_area_otsu.png) no-repeat right 10px center #F29C36;
    background-size: 128px auto;
  }

  .area_list li:nth-child(2) .area_dtl {
    background: url(../images/home/ie_area_kouka.png) no-repeat right -20px center #CBC413;
    background-size: 271px auto;
  }

  .area_list li:nth-child(3) .area_dtl {
    background: url(../images/home/ie_area_higashiomi.png) no-repeat right -20px center #4BB94B;
    background-size: 245px auto;
  }

  .area_list li:nth-child(4) .area_dtl {
    background: url(../images/home/ie_area_koto.png) no-repeat right -20px center #4CB8D1;
    background-size: 217px auto;
  }

  .area_list li:nth-child(5) .area_dtl {
    background: url(../images/home/ie_area_kohoku.png) no-repeat right center #777FDD;
    background-size: 160px auto;
  }

  .area_list li:nth-child(6) .area_dtl {
    background: url(../images/home/ie_area_takashima.png) no-repeat right -20px center #E275AA;
    background-size: 204px auto;
  }

  .area_list li:nth-child(7) .area_dtl {
    background: url(../images/home/ie_area_other.png) no-repeat right 10px center #007FDD;
    background-size: 156px auto;
  }
}

.area_dtl li {
  color: #fff;
  text-align: center;
}

.area_dtl li:first-child {
  font-size: 3rem;
  font-weight: bold;
  padding-top: 20px;
}

.area_dtl li:nth-child(2) {
  height: 3.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.area_dtl li:last-child {
  position: absolute;
  bottom: 0;
  border-radius: 0 0 10px 10px;
  height: 50px;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  position: absolute;
}

.area_dtl li:last-child:after {
  content: "";
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  width: 11px;
  height: 11px;
  display: inline-block;
  position: absolute;
  right: 20px;
  transform: rotate(45deg);
}

_:-ms-lang(x)::-ms-backdrop, .area_dtl li:last-child:after{
  top:48%;
  transform: rotate(45deg) translateY(-50%);
}

.home .main_ttl:before,
.home_dtl .main_ttl:before {
  content: "";
  background: url(../images/renew/icon_point_b.svg) no-repeat;
  background-size: 29px auto;
  width: 29px;
  height: 47px;
  margin-right: 10px;
  display: inline-block;
}

/*地域詳細*/

.home_ttl_wrap {
  text-align: center;
  margin: 30px 0;
}

.home_ttl_wrap .home_ttl_region {
  background: #ccc;
  border-radius: 40px;
  padding: 5px 40px;
  display: inline-block;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.home_ttl_color {
  margin-bottom: 80px;
  position: relative;
}

.home_ttl_color:after {
  content: "";
  background: #ccc;
  width: 40px;
  height: 6px;
  display: inline-block;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}

.home_dtl .home_ttl_region {
  margin-bottom: 20px;
}

/* IE */
_:-ms-lang(x)::-ms-backdrop, .home_dtl .home_ttl_region{
  padding-top:15px;
}

.home_ttl_wrap .home_ttl_color {
  font-size: 2rem;
}

.home_ttl_wrap.otsu .home_ttl_region {
  background: #EB8812;
}

.home_ttl_wrap.kouka .home_ttl_region {
  background: #CBC413;
}

.home_ttl_wrap.higashiomi .home_ttl_region {
  background: #4BB94B;
}

.home_ttl_wrap.koto .home_ttl_region {
  background: #4CB8D1;
}

.home_ttl_wrap.kohoku .home_ttl_region {
  background: #777FDD;
}

.home_ttl_wrap.takashima .home_ttl_region {
  background: #E275AA;
}

.home_ttl_wrap.keniki .home_ttl_region {
  background: #007FDD;
}

.home_ttl_wrap.otsu .home_ttl_color,
.famous_sanchi h4 {
  color: #EB8812;
}

.home_ttl_wrap.kouka .home_ttl_color,
.famous_sanchi.kouka h4 {
  color: #CBC413;
}

.home_ttl_wrap.higashiomi .home_ttl_color,
.famous_sanchi.higashiomi h4 {
  color: #4BB94B;
}

.home_ttl_wrap.koto .home_ttl_color,
.famous_sanchi.koto h4 {
  color: #4CB8D1;
}

.home_ttl_wrap.kohoku .home_ttl_color,
.famous_sanchi.kohoku h4 {
  color: #777FDD;
}

.home_ttl_wrap.takashima .home_ttl_color,
.famous_sanchi.takashima h4 {
  color: #E275AA;
}

.home_ttl_wrap.keniki .home_ttl_color,
.famous_sanchi.keniki h4 {
  color: #007FDD;
}

.home_ttl_wrap.otsu .home_ttl_color:after {
  background: #EB8812;
}

.home_ttl_wrap.kouka .home_ttl_color:after {
  background: #CBC413;
}

.home_ttl_wrap.higashiomi .home_ttl_color:after {
  background: #4BB94B;
}

.home_ttl_wrap.koto .home_ttl_color:after {
  background: #4CB8D1;
}

.home_ttl_wrap.kohoku .home_ttl_color:after {
  background: #777FDD;
}

.home_ttl_wrap.takashima .home_ttl_color:after {
  background: #E275AA;
}

.home_ttl_wrap.keniki .home_ttl_color:after {
  background: #007FDD;
}

.home_txt_area_dtl {
  margin-top: 30px;
}

.famous_sanchi {
  background: #ccc;
  text-align: center;
  padding: 20px;
  margin: 40px 0;
}

.famous_sanchi.otsu {
  background: #fcf4eb;
}

.famous_sanchi.kouka {
  background: #fffff2;
}

.famous_sanchi.higashiomi {
  background: #efffef;
}

.famous_sanchi.koto {
  background: #ebf6f8;
}

.famous_sanchi.kohoku {
  background: #eff0ff;
}

.famous_sanchi.takashima {
  background: #fff3f9;
}

.famous_sanchi.keniki {
  background: #f0f9ff;
}

.famous_sanchi h3 {
  background: #fffcf8;
  border-radius: 30px;
  display: inline-block;
  padding: 3px 20px;
  font-weight: normal;
  font-size: 1.6rem;
}

.famous_sanchi h4 {
  text-align: left;
  margin: 20px 0 10px;
  font-size: 2rem;
}

.famous_sanchi p {
  text-align: left;
  padding-bottom: 20px;
  font-size: 1.4rem;
}

.famous_sanchi p:not(:last-of-type) {
  border-bottom: 1px dashed #ccc;
}

.home_dtl .related_contents h3 {
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 2.4rem;
}

.btn.btn_type_b.home_sanchi_btn a {
  border-color: #0067BD;
  color: #0067BD;
  transition: .3s;
}
/* IE */
_:-ms-lang(x)::-ms-backdrop, .btn.btn_type_b.home_sanchi_btn a{
 padding-top:24px;
}
.btn.btn_type_b.home_sanchi_btn a:after {
  border-color: #0067BD;
}

.watch_area {
  background: url(../images/home/ft_bg.png) no-repeat;
  padding-bottom: 50px;
}

.watch_area h3 {
  color: #fff;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: center;
  padding: 40px 0;
  font-size: 2.5rem;
}

.watch_area_dtl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.watch_area_dtl li {
  width: 48%;
}

.watch_area_dtl li a {
  background-size: 100% auto;
  height: 48vw;
  display: block;
  position: relative;
  transition: .3s;
}

.watch_area_dtl li.otsu a {
  background: url(../images/home/ft_otsu.png) no-repeat;
  background-size: 100% auto;
  height: 48vw;
  position: relative;
}

.watch_area_dtl li.kouka a {
  background: url(../images/home/ft_kouka.png) no-repeat;
  background-size: 100% auto;
  height: 48vw;
  position: relative;
}

.watch_area_dtl li.higashiomi a {
  background: url(../images/home/ft_higashiomi.png) no-repeat;
  background-size: 100% auto;
  height: 48vw;
  position: relative;
}

.watch_area_dtl li.koto a {
  background: url(../images/home/ft_koto.png) no-repeat;
  background-size: 100% auto;
  height: 48vw;
  position: relative;
}

.watch_area_dtl li.kohoku a {
  background: url(../images/home/ft_kohoku.png) no-repeat;
  background-size: 100% auto;
  height: 48vw;
  position: relative;
}

.watch_area_dtl li.takashima a {
  background: url(../images/home/ft_takashima.png) no-repeat;
  background-size: 100% auto;
  height: 48vw;
  position: relative;
}

.watch_area_dtl li.keniki a {
  background: url(../images/home/ft_all.png) no-repeat;
  background-size: 100% auto;
  height: 48vw;
  position: relative;
}

.watch_area_dtl li a span {
  position: absolute;
  bottom: 7.5vw;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.4rem;
  font-weight: bold;
  color: #1c1c1c;
}

.watch_area_dtl li a span:after {
  content: "";
  display: inline-block;
  border-top: 2px solid #1c1c1c;
  border-right: 2px solid #1c1c1c;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  right: -10px;
  top: 34%;
  width: 8px;
  height: 8px;
}

.watch_area_dtl li.otsu a span {
  line-height: 1.2;
  font-size: 1.18rem;
  bottom: 9vw;
}
.full_w {
  display: block;
}
@media screen and (min-width:769px) {
  .map_shiga.pc {
    display: block;
  }
  .dtl_contents {
    padding: 0;
  }

  .home_mv {
    margin-top: 80px;
    display: flex;
    align-items: center;
  }

  .home_mv .map_shiga {
    width: 47.2%;
  }

  .home_mv .map_dtl li a{
    color:#fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
    font-size: 1.8rem;
  }
  .home_mv .map_dtl li a:hover {
    opacity: 0.8;
    transition: .5s;
  }
.home_mv .map_dtl li.map_otsu a {
  background: #F29C36;
    width: 43%;
    height: 8.5%;
    bottom: 24%;
    right: 57%;
    border-radius: 50px;
}

.home_mv .map_dtl li.map_kouka a {
  background: #cbc413;
    width: 28%;
    height: 8%;
    bottom: 4.7%;
    right: calc(50% - 51%);
    transform: translateX(-50%);
    border-radius: 50px;
}
.home_mv .map_dtl li.map_higashi a {
  background: #53a329;
    width: 32%;
    height: 8%;
    bottom: 28.4%;
    right: calc(50% - 66%);
    transform: translateX(-50%);
    border-radius: 50px;
}
.home_mv .map_dtl li.map_koto a {
    background: #4cb8d1;
    width: 27%;
    height: 8%;
    bottom: 45%;
    right: calc(50% - 61%);
    transform: translateX(-50%);
    border-radius: 50px;
}
.home_mv .map_dtl li.map_kohoku a {
    background: #777fdd;
    width: 30%;
    height: 8%;
    bottom: 78.5%;
    right: calc(50% - 63%);
    transform: translateX(-50%);
    border-radius: 50px;
}
.home_mv .map_dtl li.map_takashima a {
    background: #e275aa;
    width: 29%;
    height: 9%;
    bottom: 66.4%;
    right: calc(50% - 1vw);
    transform: translateX(-50%);
    border-radius: 50px;
}

.home_mv .map_dtl li.map_keniki a {
  background: #357ae8;
    width: 40%;
    height: 8.5%;
    bottom: -10%;
    right: 55%;
    border-radius: 50px;
}
  
/*IEハック*/
    _:-ms-lang(x)::-ms-backdrop, .home_mv .map_dtl li.map_otsu a,.home_mv .map_dtl li.map_kouka a,.home_mv .map_dtl li.map_higashi a,.home_mv .map_dtl li.map_koto a,.home_mv .map_dtl li.map_kohoku a,.home_mv .map_dtl li.map_takashima a{
    height: 40px;
    padding-top:5px;
  }
  
  .home_mv img {
    max-width: 100%;
    margin-left: 0;
  }

  .home_txt_area {
    margin-left: 20px;
    width: calc(100% - 50%);
  }

  .home_mv_txt {
    font-size: 1.8rem;
  }

  .home_ttl {
    margin-bottom: 20px;
    font-size: 3.3rem;
  }

  ul.area_list {
    margin-top: 50px;
  }

  .area_list {
    display: flex;
    flex-wrap: wrap;
  }

  .area_list li {
    width: 49.1%;
  }

  .area_list > li:nth-child(2n) {
    margin-left: 1.8%;
  }

  .area_dtl li:first-child {
    padding-top: 30px;
    font-size: 3.5rem;
  }

  .area_dtl li:nth-child(2) {
    font-size: 1.8rem;
  }

  .area_list li:last-child {
    width: 100%;
    font-size: 1.8rem;
  }

  .area_list li .area_dtl li:last-child {
    height: 68px;
  }
/* IE */
_:-ms-lang(x)::-ms-backdrop, .area_list li .area_dtl li:last-child{
  padding-top:5px;
}
_:-ms-lang(x)::-ms-backdrop, .area_list li .area_dtl li:last-child:after{
  margin-bottom: 5px;
}
  .area_dtl li {
    width: 100%;
  }

  .area_list a:hover .area_dtl {
    opacity: 0.8;
    transition: .5s;
  }

  .area_dtl {
    background: url(../images/home/area_otsu.svg) no-repeat right 10px center #F29C36;
    background-size: 128px auto;
    height: 230px;
    border-radius: 10px;
    position: relative;
  }

  .area_list li:nth-child(2) .area_dtl {
    background: url(../images/home/area_kouka.svg) no-repeat right -37px center #CBC413;
    background-size: 271px auto;
  }

  .area_list li:nth-child(3) .area_dtl {
    background: url(../images/home/area_higashiomi.svg) no-repeat right -20px center #4BB94B;
    background-size: 245px auto;
  }

  .area_list li:nth-child(4) .area_dtl {
    background: url(../images/home/area_koto.svg) no-repeat right -47px center #4CB8D1;
    background-size: 217px auto;
  }

  .area_list li:nth-child(5) .area_dtl {
    background: url(../images/home/area_kohoku.svg) no-repeat right center #777FDD;
    background-size: 160px auto;
  }

  .area_list li:nth-child(6) .area_dtl {
    background: url(../images/home/area_takashima.svg) no-repeat right -20px center #E275AA;
    background-size: 204px auto;
  }

  .area_list li:nth-child(7) .area_dtl {
    background: url(../images/home/area_other.svg) no-repeat right 10px center #007FDD;
    background-position: right 141px center;
    background-size: 156px auto;
  }
  

  _:-ms-lang(x)::-ms-backdrop, .area_list li:first-child .area_dtl {
    background: url(../images/home/ie_area_otsu.png) no-repeat right 10px center #F29C36;
    background-size: 128px auto;
  }

  _:-ms-lang(x)::-ms-backdrop, .area_list li:nth-child(2) .area_dtl {
    background: url(../images/home/ie_area_kouka.png) no-repeat right -20px center #CBC413;
    background-size: 271px auto;
  }

  _:-ms-lang(x)::-ms-backdrop, .area_list li:nth-child(3) .area_dtl {
    background: url(../images/home/ie_area_higashiomi.png) no-repeat right -20px center #4BB94B;
    background-size: 245px auto;
  }

  _:-ms-lang(x)::-ms-backdrop, .area_list li:nth-child(4) .area_dtl {
    background: url(../images/home/ie_area_koto.png) no-repeat right -20px center #4CB8D1;
    background-size: 217px auto;
  }

  _:-ms-lang(x)::-ms-backdrop, .area_list li:nth-child(5) .area_dtl {
    background: url(../images/home/ie_area_kohoku.png) no-repeat right center #777FDD;
    background-size: 160px auto;
  }

  _:-ms-lang(x)::-ms-backdrop, .area_list li:nth-child(6) .area_dtl {
    background: url(../images/home/ie_area_takashima.png) no-repeat right -20px center #E275AA;
    background-size: 204px auto;
  }

  _:-ms-lang(x)::-ms-backdrop, .area_list li:nth-child(7) .area_dtl {
    background: url(../images/home/ie_area_other.png) no-repeat right 140px center #007FDD;
    background-size: 156px auto;
  }

  /*地域詳細*/
  .home_dtl .home_mv > p {
    width: 220px;
  }

  .home_mv {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .home_ttl_wrap {
    width: 100%;
  }

  .home_txt_area_dtl {
    width: calc(100% - 300px);
    margin-top: 0;
  }

  .home_ttl_wrap .home_ttl_region {
    font-size: 2.8rem;
  }

  .home_ttl_wrap .home_ttl_color {
    margin-bottom: 40px;
    font-size: 2.4rem;
  }

  .home_dtl .related_contents h3 {
    font-size: 3rem;
  }

  .famous_sanchi h3 {
    font-size: 1.8rem;
    font-weight: bold;
  }
/* IE */
_:-ms-lang(x)::-ms-backdrop, .famous_sanchi h3{
  padding-top:10px;
}
  .famous_sanchi p {
    font-size: 1.6rem;
  }

  .watch_area {
    padding-bottom: 70px;
  }

  .watch_area h3 {
    padding: 60px 0;
    font-size: 3rem;
  }

  .watch_area_dtl li {
    width: 32%;
  }

  .watch_area_dtl li.otsu a,
  .watch_area_dtl li.kouka a,
  .watch_area_dtl li.higashiomi a,
  .watch_area_dtl li.koto a,
  .watch_area_dtl li.kohoku a,
  .watch_area_dtl li.takashima a,
  .watch_area_dtl li.keniki a {
    padding-top: 100%;
    height: 0;
    margin-bottom: 20px;
  }

  /* IE */
_:-ms-lang(x)::-ms-backdrop,  .watch_area_dtl li.otsu a,
  .watch_area_dtl li.kouka a,
  .watch_area_dtl li.higashiomi a,
  .watch_area_dtl li.koto a,
  .watch_area_dtl li.kohoku a,
  .watch_area_dtl li.takashima a,
  .watch_area_dtl li.keniki a{
padding-top:103%;
}
  
  .watch_area_dtl li:nth-child(2n) a {
    margin-left: inherit;
  }

  .watch_area_dtl li a span,
  .watch_area_dtl li.otsu a span {
    bottom: 13%;
    font-size: 2.1rem;
  }

  .watch_area_dtl li a span:after {
    border-width: 3px;
    top: 42%;
    width: 10px;
    height: 10px;
  }
_:-ms-lang(x)::-ms-backdrop, .watch_area_dtl li a span:after{
    top:36%;
  }
  
  .watch_area_dtl li a:hover {
    opacity: 0.8;
  }

  .btn.btn_type_b.home_sanchi_btn a:hover {
    color: #fff;
    background: #0067BD;
    transition: .5s;
  }

  .btn.btn_type_b.home_sanchi_btn a:hover:after {
    border-color: #fff;
    transition: .5s;
  }
  .full_w {
    display: inline-block;
    margin-left: 1em;
  }
}

@media screen and (min-width:768px) and (max-width:857px) {
  .home_ttl {
    font-size: 3rem;
  }

  .home_mv_txt br.pc {
    display: none;
  }
}

@media screen and (min-width:768px) and (max-width:1200px) {
  .watch_area_dtl li a span {
    font-size: 1.8rem;
  }
}