@charset "utf-8";

/* 共通 */
html{
  overflow-x: hidden;
}
body{
  min-width: unset;
/*   font-family: 'Noto Sans JP', "Microsoft YaHei", "微软雅黑","PingHei",'SimSun', sans-serif; */
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  color:#000000;
  text-align: left;
  line-height: 1.4;
  font-size: 0.9rem !important;
}
body:not(.dev-mb) .cms-public .sentence{
  margin: 0px;
}
body:not(.dev-mb) .cms-public .sentence p {
  color: #000000;
  line-height: 1.4;
  font-size: 1.0em;
  margin: 0px;
}
img{
  vertical-align: unset;
}

/* PDF */
.cms-public .area3:not(.top_area3) > div.plugindownload{
  width: calc(100% - 30px) !important;
  margin: 0px 15px;
}

.cms-public .parts.header_shiga > .note,
.cms-public .parts.header_title .note,
.header_navi > div.div_tag,
.top_news,
.footer .footer_box div.div_tag{
  width: 100%;
}

/* header */
.header_shiga .html{
  margin: 0 15px;
  padding: 10px 0;
}
.header_shiga .l-header-shiga__logo img{
  width: 80px;
}

/*グローバルナビ*/
.header_hamburger{
  display: block;
  position: absolute;
  width: 40px !important;
  height: 40px;
  top: 10px;
  right: 10px;
}
.header_hamburger .hamburger_link ul{
  margin: 0px;
}
.header_hamburger .hamburger_link ul a{
  background-image: url(/file/img/5438022.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px;
  color: transparent;
  display: block;
}
.header_hamburger .hamburger_link ul a.active_hamburger{
  background-image: url("/file/img/5438023.svg");
}
.header_hamburger .hamburger_menu_list{
  position: absolute !important;
  display: none;
  top: 50px;
  right: -10px;
  margin: 0;
  padding: 0;
  width: calc(100vw - 20px) !important;
  z-index: 99999999;
  transition: 0.5s;
  transform: translateX(100vw);
}
.header_hamburger .hamburger_menu_list figure{
  background-color: #11A5F0;
  margin-top: 0;
}
.header_hamburger .hamburger_menu_list figure ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.header_hamburger .hamburger_menu_list figure ul li{
  display: block;
  border-bottom: solid 1px #FFF;
}
.header_hamburger .hamburger_menu_list figure ul li a{
  text-align: left;
  font-size: 1.2rem;
  display: block;
  padding: 20px;
  line-height: 1;
  white-space: nowrap;
  color: #FFF;
  text-decoration: none;
  font-weight: 700;
  background: #11A5F0;
  width: 100%;
}
.header_hamburger .hamburger_menu_list figure ul li:nth-child(-n+4) a{
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 20px center;
  padding-left: 45px;
}
.header_hamburger .hamburger_menu_list figure ul li:nth-child(1) a{
  background-image: url(/file/img/5438010.svg);
}
.header_hamburger .hamburger_menu_list figure ul li:nth-child(2) a{
  background-image: url(/file/img/5438009.svg);
}
.header_hamburger .hamburger_menu_list figure ul li:nth-child(3) a{
  background-image: url(/file/img/5438011.svg);
}
.header_hamburger .hamburger_menu_list figure ul li:nth-child(4) a{
  background-image: url(/file/img/5438012.svg);
}

/*プルダウン*/
.subbox{
  display: none;
}

.navi_1 ul{
  list-style: none;
  margin: 0 15px;
}
.navi_1 ul li a{
  font-size: 1.1rem;
  padding: 10px;
  border: solid 1px #11A5F0;
  color: #11A5F0;
  white-space: normal;
  line-height: 1.2;
  font-weight: normal;
  background-color: #FEFFDF;
  padding-right: 30px;
  background-image: url("/file/img/5438007.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px;
  transition: 0.3s;
}
.navi_1 ul li a:hover{
  background-position: right 5px center;
}

.top_event,
.top_system{
  padding-right: 0;
  padding-left: 0;
}

.fontsize_change{
  display: none;
}

.header_title .image{
  float: left;
  margin-left: 15px;
}
.header_title img{
  width: 200px !important;
}
.header_title .language{
  margin-right: 15px;
}
.header_title .language figure > ul ul.active_language{
  display: block;
  opacity: 1;
  height: auto;
  overflow: visible;
}
.header_navi .navi_1,
.header_navi .navi_2{
  display: none;
}

.header .breadcrumb{
  display: none;
}

/* footer */
.footer .footer_sns{
  width: 260px;
  margin: 50px auto;
}
.footer .footer_sns ul{
  display: block;
  margin: 0px auto 50px;
}
.top_sns ul li,
.footer .footer_sns ul li{
  width: 100%;
}
.footer .footerback img{
  vertical-align: top !important;
  height: unset !important;
}
.footer .footer_box div.div_tag{
  width: auto;
  margin: 0 15px;
  padding: 0;
  display: block;
}
.footer .footer_box div.div_tag li,
.footer .footer_box div.div_tag a,
.footer .footer_copyright .sentence p{
  font-size: 0.8rem !important;
}
.footer .footer_box .footer_info{
  margin-right: auto;
}
.footer .footer_box div.div_tag div.note{
  align-items: flex-start;
}
.footer_biwako_system_mark{
  margin-right: 0px !important;
}
.footer .footer_box div.div_tag .footer_biwako_system_mark img{
  margin-right: 10px;
  width: 50px;
}
.footer .footer_box .footer_link{
  float: none;
  clear: both;
  text-align: center;
}
.footer .footer_box .footer_link ul{
  padding-bottom: 1em;
}

/* 見出し */
body:not(.dev-mb) .cms-public .area .parts .block .heading {
  width: calc(100% + 30px);
  margin-left: -15px;
}
body:not(.dev-mb) .cms-public .area .parts .block .heading time {
  font-size: 0.8em;
  /* bottom: -3px; */
  bottom: 5px;
}
/*
body:not(.dev-mb) .cms-public div.parts:not(.top_headding) .heading:has(> h1){
  margin: 10px 0;
  background-color: #FFF7EE;
  border-top: dotted 4px #FF941D;
  border-bottom: dotted 4px #FF941D;
  place-content: center;
  padding: 10px 0;
  min-height: 1.6em;
  box-sizing: content-box;
  display: block;
  font-size: unset;
}
*/
body:not(.dev-mb) .cms-public div.parts:not(.top_headding) .heading h1{
  width: auto !important;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: left;
  /* margin: 0 15px; */
  color: #FF941D;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  left: 0;
}
body:not(.dev-mb) .cms-public div.parts:not(.top_headding) .heading h2{
  width: calc(100% - 30px) !important;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #FF941D;
  font-size: 1.1rem !important;
  line-height: 1.3;
  margin: 10px 0;
  margin-top: 2em;
  margin-left:auto;
  margin-right:auto;
}
body:not(.dev-mb) .cms-public div.parts:not(.top_headding) .heading h3{
  width: calc(100% - 30px) !important;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #FFF;
  background-color: #11A5F0;
  border-radius: 1em !important;
  padding: 10px;
  font-size: 1rem !important;
  line-height: 1.3;
  margin: 10px 0;
  margin-top: 1.3em;
  margin-left:auto;
  margin-right:auto;
}
body:not(.dev-mb) .cms-public div.parts:not(.top_headding) .heading h4{
  width: calc(100% - 30px) !important;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #63AE42;
  font-size: 1rem !important;
  line-height: 1.3;
  margin: 10px 0;
  margin-top: 2em;
  margin-left:auto;
  margin-right:auto;
}
.glayback > h2,
.glayback > h3,
.glayback > h4,
.glayback > h5,
.glayback > h6{
  margin-top: 0 !important;
}

/* 添付ファイル */
body:not(.dev-mb) .cms-public .page .attach img.file-extension {
  width: 30px;
  height: 30px;
}
body:not(.dev-mb) .cms-public .page .block .attach ul li{
  /*border: solid 2px #FF941D;*/
  padding: 10px;
}
body:not(.dev-mb) .cms-public .page .block .attach ul li img {
  /*  top: calc(50% - 15px);
    right: 10px;*/
}

.cms-public .plugindownload{
  width: auto;
  margin: 10px;
}

body:not(.dev-mb) .cms-public div.parts:not(.top_headding).glayback,
body:not(.dev-mb) .cms-public div.parts:not(.top_headding).blueback{
  width: calc(100% - 30px) !important;
  padding: 20px 15px;
  margin: 0 15px;
}

.box2 > div figure,
.box3 > div figure{
  width: 100%;
}
.box3 .block,
.box3_sentence > div.div_tag{
  justify-content: space-between;
  margin: 1em 0;
  display: flex;
  float: none;
  flex-wrap: wrap;
  column-gap: normal;
}
.box3 .block > div,
.box3_sentence > div.div_tag > div{
  width: calc(50% - 5px);
  margin-top: 10px;
  text-align: center;
}

/* next_step */
.next_step li{
  height: auto;
  flex-wrap: wrap;
}
.next_step span.first{
  width: 100% !important;
  font-size: 1em;
  padding: 5px;
}
.next_step span.second{
  font-size: 1em;
  padding: 10px;
}

/* titlelist */
body:not(.dev-mb) .cms-public .title-list {
  border: none;
  margin-bottom: 1em;
}
body:not(.dev-mb) .cms-public .parts .title-list .tab > ul > li {
  padding-left: 0;
}
body:not(.dev-mb) .cms-public .parts .title-list .tab ul li time {
  position: relative;
}
body:not(.dev-mb) .cms-public .parts .title-list .tab ul li span.title {
  display: block;
}

/* top */
/* top_image_box */
.top_image_box  div.note{
  width: 100%;
  margin: 0px;
  display: block;
}
.top_image_box .biwa_lake_to{
  width: 100%;
  padding: 0px;
}
.top_image_box .biwa_lake_to figure > div,
.top_image_box .biwa_lake_to.biwa_lake_to_en figure > div{
  width: 100%;
}
.top_image_box .top_slider .slide img{
  overflow: hidden;
  width: 100vw !important;
  /*height: calc(1000vw / 10) !important;*/
}
.top_image_box .top_slider{
  overflow: hidden;
}
.top_image_box .top_slider .slide{
  overflow: visible;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-radius: unset;
  width: 100vw !important;
  height: calc(100vw * (527 / 1000)) !important;
}
.cms-public .top_image_box div.slide div.pause{
  margin: 0px;
  right: -15px;
}

/* top_event */
.top_event{
  padding: 50px 0px;
  margin: 0px 15px;
  width: calc(100% - 30px) !important;
}
.top_event div.div_tag{
    min-height: auto;
}
.top_event .event_title img{
  height: 30px !important;
}
.top_event .event_list{
  padding: 10px;
  padding-bottom: 75px;
}
.top_event .event_link{
  margin-top: 0;
}
.top_event .event_list + .event_link{
  margin-top: -60px;
}
.top_event .event_link li{
  padding-bottom: 0px;
}
.top_event .event_link a{
  font-size: 1rem !important;
  background-size: 8px !important;
  background-position: right 10px center;
}

/* top_introduce */
.top_introduce{
  width: 280px !important;
  margin: 50px auto 50px;
  float: none !important;
}
.top_event + .top_introduce{
	display: none;
}
.top_news + .top_introduce{
	display: block !important;
}
.top_introduce div.note{
  display: inline-block;
}

/* top_news */
.top_news{
  margin: 0px 15px;
  width: calc(100% - 30px) !important;
  float: none !important;
}
.top_news .div_tag{
  min-height: auto;
  padding: 10px;
}
.top_news .news_title{
  margin-top: -45px;
}
.top_news img{
  height: 30px !important;
}
.top_news .news_link ul{
  margin: 1em 0px 0px
}
.top_news .news_link li{
  padding-bottom: 0px;
}
.top_news .news_link a{
  font-size: 1rem !important;
  background-size: 8px !important;
  background-position: right 10px center;
}

/* top_sns */
.top_sns{
  width: 280px !important;
  margin: 50px auto;
  float: none !important;
}
.top_sns div.note{
  display: inline-block;
  width: 100%;
}

/* top_system */
.top_system{
  padding-bottom: 20px;
}
.top_system > div.div_tag{
  margin-top: -70px;
  margin-right: 10px;
  margin-left: 10px;
}
.top_system .toph2{
  text-align: center;
  font-size: 0.9rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.top_system .toph2box{
  padding-top: 20px;
  display: inline-block;
  position: relative;
}
.top_system .toph2 img{
  width: 16px;
  height: 30px;
  vertical-align: -0.5em;
  margin-right: 0px;
}
.top_system .toph2 .fukidasi{
  position: absolute;
  left: -70px;
  top: 0;
  text-align: left;
}
.top_system .toph2 .fukidasi img{
  width: 260px;
  height: 30px;
}
.top_system .toph2 .big{
  font-size: 2rem;
  vertical-align: -0.1em;
  color: #FF941D;
}
.top_system .top_system_contents{
  width: calc(50% - 5px);
}
.top_system .top_system_contents:nth-child(even){
  margin-right: 5px;
}
.top_system .top_system_contents:nth-child(odd){
  margin-left: 5px;
}
body:not(.dev-mb) .cms-public .top_system .top_system_contents .sentence p{
  font-size: 0.7rem;
}
.top_system .top_system_contents a{
  width: calc(100% - 10px);
  font-size: 0.9rem !important;
  background-size: 8px;
}

/* top_links */
body:not(.dev-mb) .cms-public .top_links{
  width: 100%;
}
.top_links ul{
  display: block;
  margin: 20px auto;
}
.top_links ul li{
  display: block;
  text-align: center;
  margin: 10px auto;
}
.top_links a{
  font-size: 0.9rem !important;
}

/* top_banner */
.top_banner{
  margin: 30px 15px !important;
  width: calc(100% - 30px) !important;
}
.top_banner .image > div > div{
  width: calc(50% - 10px);
}

/* トップ以外のページ */
.cms-public .area3:not(.top_area3) > div{
  width: 100% !important;
  padding: 20px 15px 0px;
  margin: 0px;
}

/* anchor */
.anchorlinkbox{
  margin: 2em 0px;
}
[class*="anchorlinkbox_top"]{
  margin: 2em 0px 0px;
}
[class*="anchorlinkbox_top"] + .anchorlinkbox{
  margin: 0;
}
[class*="anchorlinkbox_bottom"]{
  margin: 0px 0px 2em;
}
[class*="anchorlinkbox"] + [class*="anchorlinkbox"] ul{
  margin: 0;
}
[class*="anchorlinkbox"] ul{
  display: block;
}
[class*="anchorlinkbox"] li{
  width: auto;
  margin-bottom: 10px;
}
[class*="anchorlinkbox"] a{
  height: unset;
  padding: 10px 35px 10px 15px;
  font-size: unset;
  background-size: 10px;
  justify-content: start;
}

/* localmenu */
.localmenu .div_tag{
  justify-content: space-between;
  gap: unset;
}
.localmenu .div_tag > .parts{
  width: calc(50% - 5px);
  margin-bottom: 10px;
}
.localmenu a{
  background-size: 8px !important;
  font-size: 0.8rem !important;
  padding: 5px !important;
}

.cms-public .area3:not(.top_area3) > div.floatR{
  margin: 0px !important;
}
.floatR .float_image{
  float: none;
  width: auto;
  margin-left: auto;
}
.floatR div.note > div:not(.float_image){
  width: auto !important;
}
body:not(.dev-mb) .cms-public .floatR div.note > div:not(.float_image) .sentence p{
  margin: 1em 0;
}
body:not(.dev-mb) .cms-public .area .parts.floatR .block .heading:has(h4) {
  margin-left: 0px !important;
}

.floatR_caption .div_tag{
  margin: 0px !important;
  display: block;
}
.floatR_caption .float_image{
  float: none;
  width: auto;
  margin-left: auto;
}
.floatR_caption div.div_tag > div:not(.float_image){
  width: auto !important;
  margin-top: 40px;
  margin-bottom: 40px;
}

.cms-public .area3:not(.top_area3) > div.pushmenubox{
  margin-left: 15px;
  margin-right: 15px;
  width: calc(100% - 30px) !important;
  padding: 0px;
}
.cms-public .area3:not(.top_area3) > div.pushmenubox ul li{
  font-size: 1rem !important;
  background-size: 10px;
}
.coursebox.box3_coursebox{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.coursebox.box3_coursebox > div.div_tag{
  margin: 1em 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: unset;
}
.coursebox.box3_coursebox > div.div_tag > div{
  width: calc(50% - 5px);
  margin-top: 10px;
  text-align: center;
}
.shiga_mapbox > div.div_tag{
  width: 100%;
  display: inline-block;
  padding: 5px;
}
.shiga_mapbox > div.div_tag .shigamap img{
  width: 200px;
}
.shigamap_navi ul li{
  margin: 11px 0;
}
.shigamap_navi .shopname li span.first{
  font-size: 0.6rem !important;
  margin-top: -2px;
}
.shigamap_navi .shopname li span.second{
  font-size: 0.6rem !important;
}
.coursebox .start li{
  font-size: 1.4rem !important;
}
.coursebox .shop .shopinfo{
  width: 100% !important;
  margin-top: 1em;
}
.coursebox .shop .shopimg{
  width: 100%;
  margin-top: 1em;
}

/* STEP2 progress */
body:not(.dev-mb) .cms-public .area3 .progress .progress_rightImg > .note > .block {
  width: 100%;
}
body:not(.dev-mb) .cms-public .area3 .progress .progress_rightImg .block .heading h4 {
  width: calc(100vw - 50px) !important;
}
body:not(.dev-mb) .cms-public .area3 .progress .progress_rightImg .block.rightImg {
  margin: 1em 0;
}

/* STEP4 */
body:not(.dev-mb) .cms-public .area3 .step4 .parts.blueback .block {
  width: 100%;
}
body:not(.dev-mb) .cms-public .area3 .step4 .blueback .block.fish ul li:nth-child(1) {
  font-size: 1.1rem;
}
body:not(.dev-mb) .cms-public .area3 .step4 .blueback .block.fish ul li:nth-child(2) {
  font-size: 1rem;
  height: 1.35em
}
body:not(.dev-mb) .cms-public .area3 .step4 .blueback .block.fish ul li:nth-child(3) {
  font-size: 1rem;
}

/* links */
body:not(.dev-mb) .cms-public .parts.links {
  width: 100% !important;
}
body:not(.dev-mb) .cms-public .parts.links .parts {
  width: 100%;
}
body:not(.dev-mb) .cms-public .area3 .parts.links .heading {
  width: calc(100% + 30px);
  margin-left: -15px;
}
body:not(.dev-mb) .cms-public .area3 .parts.links .heading h3 {
  margin-top: 1em;
  width: 500px;
  text-align: center;
}
body:not(.dev-mb) .cms-public .parts.links .list ul li {
  margin-bottom: 15px;
}
body:not(.dev-mb) .cms-public .parts.links .list ul li a {
  display: block;
  line-height: 1.6;
  background-image: url("/file/img/5438007.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px;
  background-color: #EAF3FF;
  padding:10px 25px 10px 10px;
}

/* top_foreign */
body:not(.dev-mb) .cms-public .top_foreign .div_tag {
  width: 100% !important;
  padding: 0 10px;
  margin: 0;
}
body:not(.dev-mb) .cms-public .top_foreign .div_tag > .parts {
  margin: 20px 0;
}
body:not(.dev-mb) .cms-public .page .top_foreign .div_tag > .parts .block {
  width: 100%;
}
body:not(.dev-mb) .cms-public .top_foreign .div_tag > .parts .block:nth-child(1) img {
  width: 100%;
}
body:not(.dev-mb) .cms-public .top_foreign .div_tag > .parts .block .heading h2 {
  font-size: 1.6rem !important;
}

/* top_movie_en */
body:not(.dev-mb) .cms-public .top_movie_en {
  margin: 2em 0 3em;
}