body {
/*    background-image: url("../images/shiseki_bg_002.jpg");　*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:contain;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h4 {
  background: linear-gradient(transparent 70%, #EEEEEE 70%);
}

/* 半透明*/
#column_1 {
    border: 0px solid #ddd;
    background-color:rgba(255,255,255,0.7);
    padding : 3px ;
    margin-top: 10px;
    }
    

/* メニュー*/
ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}
#accordion_menu > li {
    border: #ccc 1px solid;
    margin-bottom: -1px;
}
#accordion_menu a{
    color: #666;
}
#accordion_menu a[data-toggle="collapse"]{
    display: block;
    padding: 10px;
    text-decoration: none;
    position: relative;
}
#accordion_menu a[data-toggle="collapse"]:hover{
    background: #e7e7e7;
}
#accordion_menu a[data-toggle="collapse"]::after{
    content:"";
    display: block;
    width: 8px;
    height: 8px;
    border-top: #666 1px solid;
    border-right: #666 1px solid;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#accordion_menu a[aria-expanded=false]::after{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-duration: 0.3s;
}
#accordion_menu a[aria-expanded=true]::after{
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    transition-duration: 0.3s;
}
/*
li{
    padding: 5px 2px 2px 5px;
    font-size: small;
    white-space: nowrap;
}
*/
.shiseki_menu{
    padding: 5px 2px 2px 5px;
    font-size: small;
    white-space: nowrap;
}

td{
    padding: 5px 2px 2px 5px;
    font-size: small;
    white-space: nowrap;
}

.table{
  white-space: nowrap;  
  }


/*menu*/
.menu {
    padding-top: 2px;
    padding-left: 10px;
    }

/*main text*/
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 10px;
}



.top-image {
  /* 背景画像を指定 */
  background-image: url("images/top_bg.png"); 
  
  /* 画像が要素全体を覆うように設定 */
  background-size: cover; 
  
  /* 画像の位置を中央に設定 */
/*  background-position: center; */
  background-position: center right;
  
  /* 要素の高さ（必要に応じて調整） */
  height: 480px; 
/*  height: 500px; */
  
  /* テキストを中央に配置するための設定 */
  display: flex;
  justify-content: left; /* 水平方向の中央揃え */
/*  align-items: top;     /* 垂直方向の中央揃え */
  align-items: flex-start; /* 垂直方向の最上部に配置 */
  
  /* 重ねたテキストの色や影を調整し、読みやすくする */
  color: white;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.hero-text {
  text-align: left;
  margin-top: 30px; /* ここで文字を上から50px下にずらす */
}

.hero-text h3 {
  font-size: 1.7em;
  margin: 0;
}

.hero-text p {
  font-size: 1.3em;
  color: white;
}


.box-011 {
    position: relative;
    max-width: 100%;
    margin: 1.9em auto 0;
    padding: 1em 1.5em;
    border: 2px solid #2589d0;
    border-radius: 3px;
}


.box-011 p {
    margin: 0;
    color: #333;
}

.box-017 {
    max-width: 400px;
    margin: 0 auto;
    padding: .5em 1.5em 1em;
    border-top: 5px solid #001e33;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    background-color: #ffffff;
}

.box-017 > div {
    margin-bottom: .5em;
    color: #001e33;
    font-weight: 600;
    font-size: 1.05em;
}

.box-017 > p {
    margin: 0;
    color: #333;
}


/*史跡巡り 内容の小見出し*/
 .midashi_bottom_line {
	 text-decoration: underline 2px;
	 font-weight: bold;
}

/*史跡巡り 地図*/

iframe {
    max-width: 100%; 
    /* width属性で100%が指定されているので、この設定により */
    /* 親要素の幅を超えないように制限されます。 */
}