/* 共通 */

html {
    scroll-behavior: smooth;
}


body{
text-align: center;

}

#center {
width: 930px;
height: 300px
text-align: center;
background: #fff;
margin: auto;
}

.toptd {
 width: 930px;
height: 100px; 
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    border: 1px solid #ccc;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
display: flex;
align-items: center;
justify-content: center;
 
}

#title {
font-size: 160%; /* フォントのサイズを指定する */
 font-family: 'M PLUS Rounded 1c', sans-serif;
 color: #777777; 
line-height: 100%; /* 行の高さを割合（％）で指定する */

}


.tc{
width: 684px;
height: 30px;
border: 1px dotted  #777777; 
font-size: 100%; /* フォントのサイズを指定する */
font-family: 'Sawarabi Mincho', serif;
 color: #777777;
text-align:center; 
vertical-align: middle; 
line-height: 2; /* 行の高さを割合（％）で指定する */
}





#smp5 {
align-items: center; 
}



 
.under {
  background: linear-gradient(transparent 40%, #DFF0F2 60%);
font-size: 120%;
}


.ta0{
 
    background-color: #ffffff;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}


.ta{
 
    background-color: #add9e6;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}


.ta2{
    background-color: #c0e1ea;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}


.ta3{
    background-color: #BEE0C9;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}


.ta4{
    background-color: #ACD8BB;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}

.ta5{
    background-color: #EFCD9C;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}

.ta6{
    background-color: #EAB87D;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}

.ta7{
    background-color: #D8BAD1;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}

.ta8{
    background-color: #C9A3C0;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}

.ta9{
    background-color: #E8C4CE;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}

.ta10{
    background-color: #DBA9B3;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}

.ta11{
    background-color: #888888;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}

.ta12{
    background-color: #444444;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}




.setsumei
 {
 font-family: 'Noto Serif JP', serif;
font-size: 100%;
 
color: #666666; 
}



.setsu
 {
font-family: 'Sawarabi Mincho', serif;
font-size: 1vw;
 
color: #777777; 
}

.bold
 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1vw;
 
color: #777777; 
}

.setsu1 p
 {
text-align: center;

}



.height {
  height: 50px; /* auto */
  background-color: #ffffff;
}

.heights {
  height: 25px; /* auto */
  background-color: #ffffff;
}

.heightss {
  height: 10px; /* auto */
  background-color: #ffffff;
}


.heightl {
  height: 500px; /* auto */
  background-color: #ffffff;
}


.attention
 {
width: 627px;
 border: 1px dotted; /* 線の太さと可視化 */
  border-top: transparent; /* 上辺を透明に */ 

  border-bottom: transparent; /* 下辺を透明に */
border-color: #777777;
text-align: left;
font-family: 'Sawarabi Mincho', serif;
font-size: 1vw;
padding-right : 30px;
padding-left : 30px;
color: #777777; 
margin: 0.5em auto;
}



.jump
 {
 font-family: sans-serif;
font-size: 100%;
color: #828282; 
}

.border
 {
width: 130px;
margin: 0 auto;
text-align: center; 
 font-family: sans-serif;
font-size: 100%;
color: #828282; 
 border: 1px solid #828282; /* 線の太さと可視化 */
  border-top-left-radius: 8px; /* 左上を角丸に */
  border-top-right-radius: 8px; /* 右上を角丸に */
padding: 5px;

}

.center1
 {
text-align: center; 

}



.jumptable {
 width: 80px;
height: 20px; 
border-collapse: separate;
border: 0px;
border-spacing: 1px;
background-color: #828282;
}

.areatable {
 width: 600px;
height: 100px; 
border-collapse: separate;
border: 0px;
border-spacing: 2px;
background-color: #828282;
}




.areatitlesize {
 width: 100px;
padding: 0px;
border: 0px;
border-spacing: 0px;
}

.areatoptd {
 width: 930px;
height: 50px; 
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    border: 1px solid #ccc;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
font-size: 140%; /* フォントのサイズを指定する */
line-height: 0.8; /* 行の高さを割合（％）で指定する */
text-align: center;
 font-family: sans-serif;
color: #828282; 
display: flex;
align-items: center;
justify-content: center;
 
}









.kairotitle {font-family: "M PLUS Rounded 1c";


font-size: 200%;
color: #828282; 
}



.bar{
 height: 2px;
background-color: #828282;
}





.daytd {
 width: 30px;
vertical-align: bottom; 
text-align: center; 
font-family: sans-serif;
font-size: 40%;
color: #828282;
line-height: 1.25;
}



.timetd {
 width: 13px;
vertical-align: bottom; 
text-align: center; 
 font-family: sans-serif;
font-size: 40%;
color: #828282; 
}


.dt {
  border: #ffffff;
width: 185px; 
height: 5px; 
 font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 130%; 
color: #5FB9CE; 
vertical-align: middle; 
line-height: 1.2; /* 行の高さを割合（％）で指定する */
}


.name {
 font-family: sans-serif;
font-size: 80%;
color: #666666; 
}

.names {
 font-family: sans-serif;
font-size: 40%;
color: #666666; 
}





.mapfont {
 font-family: Verdana;
font-size: 40%;
color: #ffffff;
}



.day {
 font-family: sans-serif;
font-size: 40%;
color: #828282;
}





.tablenote {
 font-family: sans-serif;
font-size: 20%;
color: #828282; 
text-align: right; 
}

 

.close {
 background-color: #ffffff; 
text-align: center; 
 font-family: sans-serif;
font-size: 40%;
color: #828282; 
}



.info
 {
width: 627px;
 border: 1px dotted; /* 線の太さと可視化 */
  border-right: transparent; /* 右辺を透明に */ 

  border-left: transparent; /* 左辺を透明に */
border-color: #777777;
text-align: center;
font-family: 'Sawarabi Mincho', serif;
font-size: 1vw;
padding-top : 30px;
padding-bottom : 30px;
color: #777777; 
margin: 0.5em auto;
}

.ub
 {
    text-decoration:underline solid #777777
}


/* ここから京都 */

#kborder
 {
 background-color: #DFF0F2; 
width: 130px;
height: 50px;
text-align: center; 
 border: 1px solid #828282; /* 線の太さと可視化 */
  border-top-left-radius: 8px; /* 左上を角丸に */
  border-top-right-radius: 8px; /* 右上を角丸に */
padding: 5px;
 font-family: sans-serif;
font-size: 100%;
color: #828282; 
}

#kb {
 font-family: sans-serif;
font-size: 100%;
color: #828282; 
}

.kyotohen {
 font-family: "Sawarabi Mincho";


font-size: 200%; 
color: #03AFDD; 
}



.kdowtod {
 font-family:  'M PLUS Rounded 1c', sans-serif;
font-size: 100%;
color: #add9e6;  
text-align: center; 
vertical-align: bottom;
}




.kfuteiki {
 background-color: #DFF0F2; 
text-align: center; 
 font-family: sans-serif;
font-size: 40%;
color: #828282; 
}

 /* 不定期 */


.kpale {
 background-color: #c0e1ea;
text-align: center; 
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
}

.kdeep {
 background-color: #add9e6;
text-align: center; 
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
}

.kptabletime {
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
} 

.kdtabletime {
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
} 


.kkuwaku {
  border: #ffffff;
width: 185px; 
height: 30px; 
 font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 100%; 
color: #5FB9CE; 
vertical-align: bottom; 
line-height: 1.2; /* 行の高さを割合（％）で指定する */
}




.kmap {
 background-color: #1181c3; 
 font-family: Verdana;
font-size: 40%;
color: #ffffff;
text-align: center; 
}








/* ここから大阪 */



#oborder
 {
 background-color: #E4F4E9; 
width: 130px;
height: 50px;
text-align: center; 
 border: 1px solid #828282; /* 線の太さと可視化 */
  border-top-left-radius: 8px; /* 左上を角丸に */
  border-top-right-radius: 8px; /* 右上を角丸に */
padding: 5px;
 font-family: sans-serif;
font-size: 100%;
color: #828282; 
}



.odowtod {
 font-family:  'M PLUS Rounded 1c', sans-serif;
font-size: 100%;
color: #ACD8BB;  
text-align: center; 
vertical-align: bottom;
}




.ofuteiki {
 background-color: #E4F4E9; 
text-align: center; 
 font-family: sans-serif;
font-size: 40%;
color: #828282; 
}

 /* 不定期 */


.opale {
 background-color: #BEE0C9;
text-align: center; 
 font-family: sans-serif;
font-size: 20%;
color: #828282; 
}

.odeep {
 background-color: #ACD8BB;
text-align: center; 
 font-family: sans-serif;
font-size: 20%;
color: #828282; 
}

.optabletime {
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
} 

.odtabletime {
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
} 




.okuwaku {
  border: #ffffff;
width: 185px; 
height: 30px; 
 font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 100%; 
color: #7ABC8E; 
vertical-align: bottom; 
line-height: 1.2; /* 行の高さを割合（％）で指定する */
}


.omap {
 background-color: #179656; 
}


/* ここから兵庫 */


#hborder
 {
 background-color: #f5ead8; 
width: 130px;
height: 50px;
text-align: center; 
 border: 1px solid #828282; /* 線の太さと可視化 */
  border-top-left-radius: 8px; /* 左上を角丸に */
  border-top-right-radius: 8px; /* 右上を角丸に */
padding: 5px;
 font-family: sans-serif;
font-size: 100%;
color: #828282; 
}



.hdowtod {
 font-family:  'M PLUS Rounded 1c', sans-serif;
font-size: 100%;
color: #EEB858;  
text-align: center; 
vertical-align: bottom;
}






.hfuteiki {
 background-color: #f5ead8; 
text-align: center; 
 font-family: sans-serif;
font-size: 40%;
color: #828282; 
}

 /* 不定期 */


.hpale {
 background-color: #EFCD9C;
text-align: center; 
 font-family: sans-serif;
font-size: 20%;
color: #828282; 
}

.hdeep {
 background-color: #EAB87D;
text-align: center; 
 font-family: sans-serif;
font-size: 20%;
color: #828282; 
}

.hptabletime {
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
} 

.hdtabletime {
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
} 





.hkuwaku {
  border: #ffffff;
width: 185px; 
height: 30px; 
 font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 100%; 
color: #E8AA46; 
vertical-align: bottom; 
line-height: 1.2; /* 行の高さを割合（％）で指定する */
}


.hmap {
 background-color: #EB7813; 
}




/* ここから奈良 */

#nborder
 {
 background-color: #EFDFEB; 
width: 130px;
height: 50px;
text-align: center; 
 border: 1px solid #828282; /* 線の太さと可視化 */
  border-top-left-radius: 8px; /* 左上を角丸に */
  border-top-right-radius: 8px; /* 右上を角丸に */
padding: 5px;
 font-family: sans-serif;
font-size: 100%;
color: #828282; 
}

.ndowtod {
 font-family:  'M PLUS Rounded 1c', sans-serif;
font-size: 100%;
color: #BF8CB3;  
text-align: center; 
vertical-align: bottom;
}





.nfuteiki {
 background-color: #EFDFEB; 
text-align: center; 
 font-family: sans-serif;
font-size: 40%;
color: #828282; 
}

 /* 不定期 */


.npale {
 background-color: #D8BAD1;
text-align: center; 
 font-family: sans-serif;
font-size: 20%;
color: #828282; 
}

.ndeep {
 background-color: #C9A3C0;
text-align: center; 
 font-family: sans-serif;
font-size: 20%;
color: #828282; 
}

.nptabletime {
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
} 

.ndtabletime {
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
} 





.nkuwaku {
  border: #ffffff;
width: 185px; 
height: 30px; 
 font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 100%; 
color: #BF8CB3; 
vertical-align: bottom; 
line-height: 1.2; /* 行の高さを割合（％）で指定する */
}


.nmap {
 background-color: #880E4C; 
}



/* ここから滋賀 */


#sborder
 {
 background-color: #EFE4E6; 
width: 130px;
height: 50px;
text-align: center; 
 border: 1px solid #828282; /* 線の太さと可視化 */
  border-top-left-radius: 8px; /* 左上を角丸に */
  border-top-right-radius: 8px; /* 右上を角丸に */
padding: 5px;
 font-family: sans-serif;
font-size: 100%;
color: #828282; 
}


.sdowtod {
 font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 100%;
color: #D38D9B;  
text-align: center; 
vertical-align: bottom;
}




.sfuteiki {
 background-color: #EFE4E6; 
text-align: center; 
 font-family: sans-serif;
font-size: 40%;
color: #828282; 
}

 /* 不定期 */


.spale {
 background-color: #E8C4CE;
text-align: center; 
 font-family: sans-serif;
font-size: 20%;
color: #828282; 
}

.sdeep {
 background-color: #DBA9B3;
text-align: center; 
 font-family: sans-serif;
font-size: 20%;
color: #828282; 
}

.sptabletime {
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
} 

.sdtabletime {
 font-family: sans-serif;
font-size: 20%;
color: #828282;  
} 





.skuwaku {
  border: #ffffff;
width: 185px; 
height: 30px; 
 font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 100%; 
color: #D38D9B; 
vertical-align: bottom; 
line-height: 1.2; /* 行の高さを割合（％）で指定する */
}


.smap {
 background-color: #AA1342; 
}





.kgbanner { 
border: 0px solid #828282; 
width: 980px;
height: 490px;
position: absolute;

padding: 0px;
left: -36px;
top: 230px;
z-index: 10;

}

.kgbannerparent { 
   transform: scale(0.6);
    transform-origin: center top;
 border: 0px solid #828282; 
width: 960px;
height: 480px;
position: relative;
}






.kghako { 
 border: 2px solid #828282; 
width: 780px;
height: 250px;
position: absolute;
left: 100px;
top: -30px;
z-index:5 ;

}

.kghako:hover{

  opacity: 0.5 ;
}

.kgtxt { 
border: 0px solid #828282; 
width: 1000px;
height: 200px;
position: absolute;

padding: 0px;
left: -46px;
top: 460px;
 font-family:  'M PLUS Rounded 1c', sans-serif;
font-size: 25px;
color: #666;
z-index:20 ;
}



.tag{
 
    background-color: #4e4e4e;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}

.tab{
 
    background-color: #202020;
    margin: 0 0;
    padding: 0;
border-spacing: 0px;
 
}