@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

body {font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; margin: 0; padding: 0;}
h1 {text-align: center; font-weight: bold; font-size: larger;}
h1 > span {display: inline-block;}
.container {display: grid; grid-template-columns: 1fr 4fr; grid-template-rows: 1fr 1fr; grid-gap: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0;}
@media screen and (max-width:1000px) {
  h1 {font-size: medium;}
  .monuments > p {display: none;}
}

.map {width: 100%; height: 100vh; grid-column-start: 2; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3;}
.detail {grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; padding: 0 10px 3px; z-index: 3; background: white;}
.detail button {margin: 0 auto 3px; display: block;}
.monuments {display: grid; margin: 0 auto; grid-template-columns: 1fr; grid-gap: 5px; padding: 5px; max-height: 50vh; min-width: 300px;}

@media screen and (max-width:680px) {
  .monuments {min-width: 100px;}
}

.monuments > p {font-size: smaller; margin-left: 5px; color: rgba(100,100,100,.8);}
.monuments_inner {overflow-y: scroll; -webkit-overflow-scrolling: auto; max-height: 50vh;}
/* monuments default list color => rgba(132, 219, 161, 0.3) | hover {opacity: .5;} */
.monuments_inner::-webkit-scrollbar {width: 12px;}
.monuments_inner::-webkit-scrollbar-thumb {background-color: rgba(225,128,147,1); border-radius: 6px;}
.monuments_inner::-webkit-scrollbar-track {background-color: rgba(200,200,200,1); border-radius: 6px;}

@media screen and (max-width:680px) {
  .container {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 0; position: fixed; top: 0; left: 0;}
  .map {grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; width: 100%; height: 40vh;}
  .detail {grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; max-height: 60vh;}
  .monuments {grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; max-height: 60vh;}
  .monuments_inner {max-height: 60vh;}
}

li {padding: 5px 5px 3px 10px; margin: 3px 2px 3px 0; transition: margin .5s; border-bottom: solid rgba(200,200,200,.8) 1px; }
.list h2 {font-weight: bold; padding: .2em 0 0; display: grid; grid-template-columns: 50px 1fr; grid-template-rows: 1fr 1fr; align-items: center; grid-gap: 0;}
.l-numb {grid-column: 1 / 2; grid-row: 1 / 2; font-size: .8em; font-weight: normal;}
.l-ward {grid-column: 1 / 2; grid-row: 2 / 3; font-size: .8em; font-weight: normal;}
.l-title {grid-column: 2 / 3; grid-row: 1 / 3; align-self: center;}
.l-date {padding-left: .5em; font-size: .9em; font-weight: normal; display: inline-block;}
.list117 h2 {font-weight: bold; padding: .2em 0 0;}
.list117 h2 > span {font-size: .9em; padding-right: .5em; font-weight: normal;}


.cat01 {background: rgba(85,145,117,.3);}
.cat02 {background: rgba(202,71,104,.3);}
.cat03 {background: rgba(145,93,163,.3);}
.cat04 {background: rgba(24,127,196,.3);}
.cat05 {background: rgba(107,188,110,.3);}
.cat06 {background: rgba(0,175,204,.3);}
.cat07 {background: rgba(235,110,165,.3);}
.cat08 {background: rgba(115,134,162,.3);}
.cat10 {background: rgba(203,43,62,.3);} /* 資料室 */
.cat11 {background: rgba(131,42,52,.3);} /* 朝日・動画 */
.cat12 {background: rgba(75,175,75,.3);} /* 神戸税関 */
.cat01:hover {background: rgba(85,145,117,.4);}
.cat02:hover {background: rgba(202,71,104,.4);}
.cat03:hover {background: rgba(145,93,163,.4);}
.cat04:hover {background: rgba(24,127,196,.4);}
.cat05:hover {background: rgba(107,188,110,.4);}
.cat06:hover {background: rgba(0,175,204,.4);}
.cat07:hover {background: rgba(235,110,165,.4);}
.cat08:hover {background: rgba(115,134,162,.4);}
.cat10:hover {background: rgba(203,43,62,.4);}
.cat11:hover {background: rgba(131,42,52,.4);}
.cat11:hover {background: rgba(75,175,75,.4);}

.active {margin: 3px 0 3px 10px;}

#detailtext h4 {font-weight: bold;}
#detailtext a {text-decoration: none; color: rgba(20,20,20,.8);}
#detailtext a:hover {opacity: .9;}

.leaflet-popup-content {margin: 13px 20px 13px 20px;}
.l-box {text-align: center;}
.l-box h4 {font-size: larger; font-weight: bold; margin-bottom: 3px; color: rgba(50,50,50,.8);}
.l-box > img {height: auto; max-height: 120px; max-width: 100%;}
.l-box p > a {text-decoration: none; border: solid 1px rgba(220,220,220,.8); border-radius: 5px; padding: 2px 5px; background: rgba(230,230,230,.2);}
.l-box p > a:hover {text-decoration: none; margin: 0; opacity: .8; background: rgba(230,230,230,.4);}
.l-box p.btmtxt {margin: 5px 0 0; font-size: 11px;}

/* tab selection */
.tab_menu {display: flex; justify-content: space-around; align-items: stretch; min-height: 50px; padding: 0; margin: 0; gap: 3px; flex: wrap;}
.tab_menu_item {flex-grow: 1; flex-basis: 50%; padding: 12px 9px; text-align: center; border: solid 1px rgba(200,200,200,.8); border-radius: .5em; cursor: pointer; transition: all .3s; color: white; vertical-align: middle; font-family: "M PLUS Rounded 1c"; font-weight: bold;}
@media screen and (max-width:1410px) {
  .tab_menu_item {padding: 8px 10px;}
}
@media screen and (max-width:680px) {
  .tab_menu {flex-basis: 100%;}
}
.tab_menu_item_a {background: rgba(45,132,203,1);}
.tab_menu_item_b {background: rgba(203,45,64,1);}
.one_word {display: inline-block;}
.tab_menu_item:hover {opacity: .8; text-decoration: underline;}
.tab_menu_item:visited {text-decoration: underline;}
.tab_menu_item:active {text-decoration: underline;}

/* individual setting */

img[src="img117/1500022-000033-011.00002.jpg"] {transform: rotate(90deg) scale(.687);}

.start_goal_text {color: rgba(100,100,100,.8); text-align: center; font-weight: bold; font-size: 1.2em; font-family: "M PLUS Rounded 1c";}
.course_text {color: rgba(231,57,142,1); text-align: center; font-weight: bold; font-size: 1.2em; font-family: "M PLUS Rounded 1c"; background: rgba(240,240,240,.2); border: solid 1px white; padding: 5px; border-radius: 3px;}
.course_text2025 {color: rgba(30,144,255,1); text-align: center; font-weight: bold; font-size: 1.2em; font-family: "M PLUS Rounded 1c"; background: rgba(240,240,240,.2); border: solid 1px white; padding: 5px; border-radius: 3px;}