@charset "UTF-8";
*{
     padding-top : 0px;
     padding-left : 0px;
     padding-right : 0px;
     padding-bottom : 0px;
     margin-top : 0px;
     margin-right : 0px;
     margin-bottom : 0px;
}



#main{
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: auto;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: auto;
     border-width: 1px;
     border-style: solid;
     border-color: silver;
     width: 900px;
     height: inherit;
}

#header{
     /* background-image : url(https://e-footprints.info/common/image/title-animation.gif); */
     height : 99px;
     color : white;
     text-align : right;
     font-weight : bold;
     vertical-align : top;
     white-space : pre-wrap;
}
#hokkaido-header{
     background-image : url(../../satsuma/hokkaido-animation.gif);
     height : 150px;
     color : black;
     text-align : right;
     font-weight : bold;
     vertical-align : top;
     white-space : pre-wrap;
}
/* ----- 20230509 ブログはもう運用していない 削除可能か？ -----*/
/*  #blog_header{
     background-image : url(../../koshu/7isawa-nirasaki/blog_header_image.jpg);
     height : 190px;
     color : white;
     text-align : right;
     font-weight : bold;
     vertical-align : top;
     white-space : pre-wrap;
}
*/




#sns{
     background-color: #26ae82;
     background-repeat: no-repeat;
     padding-top: 0px;
     padding-left: 0px;
     width: 150px;
     height: 200px;
     float: right;
     padding-right: 0px;
     border-width: 1px;
     border-color: silver;
     padding-bottom: 0px;
     border-style: solid;
}
#shop_ad_01{
     background-color: #7fffd4;
}
#info_main{
     background-color: #E6FFE9;
     padding-top: 0px;
     padding-left: 0px;
     width: 750px;
     height: 300px;
     float: left;
     line-height: 17px;
     background-position: left top;
     text-align: left;
     padding-right: 0px;
     padding-bottom: 0px;
     overflow-y: scroll;
     color: #26ae82;
     border-width: 0px;
     border-style: solid;
     border-color: silver;
}
#info{
     background-color: #26ae82;
     padding-top: 0px;
     padding-left: 0px;
     width: 744px;
     height: 198px;
     float: left;
     line-height: 17px;
     background-position: left top;
     text-align: left;
     padding-right: 0px;
     padding-bottom: 0px;
     overflow-y: hidden;
     color: #26ae82;
     border-width: 1px;
     border-style: solid;
     border-color: silver;
}

/*  ↓↓↓各街道 トップページのスタイル ↓↓↓  */
#top_of_top_cont{
     font-size: 150%;
     line-height: 180%;
     text-align: left;
     width: 750px;
     float: left;
     border-width: 1px;
     border-color: silver;
     table-layout: auto;
     empty-cells: show;
     clear: left;
     position: relative;
     left: 0px;
     border-style: solid;

/*  トップページの背景色　 白 ↓ */
/* background-color:#ffffff; */

/* トップページの背景色　クリーム色↓ */
 background-color: lightyellow; 

/*  トップページの背景色　 Green 新緑↓ */
/* background-color:#d1ffd8; */

/*  トップページの背景色　 薄緑↓ */
/* background-color:#f7fff7; */

/* blue 夏色↓ */
/* background-color: #D7EEFF; */

/* orange 秋色 ↓ */
/*  background-color: #87ceeb; */

}


#top_of_top_title{
font-family: "MS 明朝";
 font-size: 130%;
     line-height: 180%;
     text-align: left;
     width: 900px;
     float: left;
     border-width: 1px;
     border-color: silver;
     table-layout: auto;
     empty-cells: show;
     clear: left;
     position: relative;
     left: 0px;
     border-style: solid;
}

#top_of_top_title h1{
font-family: "MS 明朝";
     font-size: 170%;
     line-height:150%;
     color: green;
     background-color: #ffff00;
     text-align: left;
     padding-top: 15px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 30px;
}

#top_of_top_cont h1{
font-family: "MS 明朝";
     font-size: 150%;
     line-height:120%;
     color: darkgreen;
     background-color: gold;
     text-align: left;
     padding-top: 15px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 30px;
}

#top_of_top_cont h2{
font-family: "MS 明朝";
     font-size: 150%;
     line-height:120%;
     color: darkgreen;
     background-color: orange;
     text-align: left;
     padding-top: 15px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 30px;
}

#top_of_top_cont h3{
font-family: "MS 明朝";
     font-size: 150%;
     line-height:120%;
     color: white;
     background-color: chocolate;
     text-align: left;
     padding-top: 15px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 15px;
}


/*  ↑↑↑  各街道 トップページのスタイル ↑↑↑  */


/* ↓↓↓  トップタイトル ↓↓↓ 20230614 */
#top_title{
     font-size: 130%;
     line-height: 180%;
     text-align: left;
     width: 900px;
     float: left;
     border-width: 1px;
     border-color: silver;
     table-layout: auto;
     empty-cells: show;
     clear: left;
     position: relative;
     left: 0px;
     border-style: solid;
}

#top_title h1{
font-family: "MS 明朝";
     font-size: 170%;
     line-height:120%;
     color: white;
     background-color: blue;
     text-align: left;
     padding-top: 15px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 0px;
}

/* ↑↑↑  トップタイトル ↑↑↑ */

/* ↓↓↓  トップタイトルバナー ↓↓↓ 20230614 */
#top_title h1{
     font-size: 170%;
     line-height:120%;
     color: white;
     background-color: blue;
     text-align: left;
     padding-top: 15px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 0px;
}
/* ↑↑↑  トップタイトルバナー ↑↑↑ */



/* ↓↓↓　奥州街道 写真スクロールに必要 ↓↓↓　*/

 .iframe-wrap{
     background-color : #dffff3;
     position: relative;
     width: 100%;
     height:180px;
     padding-top: 20%;
     overflow:auto;
     -webkit-overflow-scrolling:touch;
     border:0px solid #ccc;
}
.iframe-wrap iframe{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     border:none;
     display:block;
}
.iframe-gallery{
     background-color : #dffff3;
     position: relative;
     width: 390px;
     height:850px;
     padding-top: 0%;
     overflow:auto;
     -webkit-overflow-scrolling:touch;
     border:0px solid #ccc;
}
.iframe-gallery iframe{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     border:none;
     display:block;
}
/* ↑↑↑　奥州街道 写真スクロールに必要 ↑↑↑　*/




/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu{
     margin: 0px;
     /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 0px;
     /* メニューバー内側の余白(左に5px) */
   background-color: #0fd0aa;
/* バーの背景色(薄緑：ユーザ定義) */
}
/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li{
     width: 297px;
     /* メニュー項目の横幅(140px) */
   display: inline-block;
     /* ★横並びに配置する */
   list-style-type: none;
     /* ★リストの先頭記号を消す */
   position: relative;
     /* ★サブメニュー表示の基準位置にする */
   border-right: 1px ridge white;
     /* メニュー項目の枠線 */
   border-left: 1px ridge white;
     /* メニュー項目の枠線 */
   border-top:1px ridge white;
     /* メニュー項目の枠線 */
   border-bottom:1px ridge white;
/* メニュー項目の枠線 */

}
ul.ddmenu a{
     background-color: #0fd0aa;
     /* メニュー項目の背景色(薄緑：ユーザ定義) */
	color: #ffff00;
     /* メニュー項目の文字色(ユーザ定義) */
       font-size:16px;
     /*▶フォントサイズの指定 */
	line-height: 40px;
     /* メニュー項目のリンクの高さ */
	text-align: center;
     /* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;
     /* メニュー項目の装飾(下線を消す) */
	font-weight: bold;
     /* 太字にする */
	display: block;
/* ★項目内全域をリンク可能にする */
}
ul.ddmenu a:hover{
     background-color: lime;
     /* メニュー項目にマウスが載ったときの背景色 */
	color: #fc471b;
/* メニュー項目にマウスが載ったときの文字色(ユーザ定義) */
}
/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul{
     display: block;
/* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}
/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul{
     margin: 0px;
     /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;
     /* ★サブメニュー内側の余白(ゼロ) */
   display: none;
     /* ★標準では非表示にする */
   position: absolute;
/* ★絶対配置にする */

}
/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li{
     width: 130px;
     /* サブメニュー1項目の横幅 */
   border-top: 1px solid white;
     /* 項目上側の枠線(白色で1pxの実線) */
　 border-left: 1px solid white;
     　 border-right: 1px solid white;
}
ul.ddmenu ul li a{
     line-height: 80px;
     /* サブメニュー1項目の高さ */
   text-align: left;
     /* 文字列の配置(左寄せ) */
   padding-left: 5px;
     /* 文字列前方の余白(5px) */
   font-weight: normal;
     /* 太字にはしない */
   color: blue;
     font-size:16px;
     /*▶フォントサイズの指定 */
   white-space:nowrap;
/*▶文字を折り返さない*/
  
}
ul.ddmenu ul li a:hover{
     background-color: olive;
     /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
	color: blue;
/* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */

}
.line_space{
     margin-bottom: 1250px;
}
.line_space_bottom{
     margin-bottom: 10px;
}
#navi_sub_common{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 0px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_common h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_common h3{
     color: white;
     background-color: olive;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_top{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_top h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_top h3{
     color: white;
     background-color: olive;
     padding-top: 3px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 3px;
     text-align: center;
     font-size: x-large;
}
#column h4{
     color : white;
     background-color : olive;
     text-align : center;
     padding-top : 3px;
     padding-left : 3px;
     padding-right : 3px;
     padding-bottom : 3px;
     font-size: x-large;
}
#columu p{
     margin-top: 10px;
}
#navi_sub_method{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_method h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_method h3{
     color: white;
     background-color: olive;
     padding-top: 3px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 3px;
     text-align: center;
     font-size: x-large;
}
#navi_sub_iroiro{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_iroiro h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_iroiro h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_shimoda{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_shimoda h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_shimoda h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_toukaidou{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_toukaidou h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_toukaidou h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_nagaoka{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_nagaoka h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_nagaoka h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_hokkoku{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_hokkoku h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_hokkoku h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_ohshuu{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_ohshuu h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_ohshuu h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_nikko{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_nikko h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_nikko h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_hokuriku{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_hokuriku h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_hokuriku h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_nakasendoo{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_nakasendoo h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_nakasendoo h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_hosomichi{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_hosomichi h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_hosomichi h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_koshu{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_koshu h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_koshu h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_reiheishi{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_reiheishi h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_reiheishi h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_blog{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_blog h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_blog h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#archive_blog h4{
     color : white;
     background-color : #0fd0aa;
     text-align : center;
     padding-top : 3px;
     padding-left : 3px;
     padding-right : 3px;
     padding-bottom : 3px;
}
#archive_blog{
     padding-top : 2px;
     padding-left : 2px;
     padding-right : 2px;
     padding-bottom : 2px;
     width : 140px;
     clear : left;
     overflow : hidden;
     text-align : left;
}
#navi_sub_hokkaido{
     width: 148px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_hokkaido h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_hokkaido h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_mibu{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_aizunishi{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_aizunishi h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_aizunishi h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_sanyo{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_sanyo h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_sanyo h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_moji{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_moji h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_moji h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#navi_sub_nagasaki{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_nagasaki h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_nagasaki h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}

#navi_sub_buzen-miike{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_buzen-miike h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_buzen-miike h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}


#navi_sub_satsuma{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}


#navi_sub_satsuma h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}

#navi_sub_satsuma h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}


#navi_sub_ome{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}

#navi_sub_ome h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}















#navi_mapmenu_main{
     background-color : #fff5ee;
     font-size: 100%;
     line-height: 180%;
     text-align: left;
     width: 750px;
     float: left;
     border-width: 1px;
     border-color: silver;
     table-layout: auto;
     empty-cells: show;
     clear: left;
     position: relative;
     left: 0px;
     border-style: solid;
}
#navi_mapmenu_main h1{
     color: white;
     background-color: #ffa500;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
#navi_sub_maplist{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#navi_sub_maplist h1{
     color: white;
     background-color: navy;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: x-large;
}
#navi_sub_maplist h3{
     color : white;
     background-color : olive;
     padding-top : 3px;
     padding-left : 5px;
     padding-right : 3px;
     padding-bottom : 3px;
     text-align : center;
     font-size : x-large;
}
#cont{
     font-size: 150%;
     line-height: 180%;
     text-align: left;
     width: 750px;
     float: left;
     border-width: 1px;
     border-color: silver;
     table-layout: auto;
     empty-cells: show;
     clear: left;
     position: relative;
     left: 0px;
     border-style: solid;

     /*バックグランド色の設定*/

/* ghostwhite　雪↓　*/
/*  background-color: #f8f8ff; */

/* さくら色 ↓　*/
 /* background-color: #fff4ff; */

/* lavenderblush 桜 ↓　*/
/* background-color: #fff0f5; */

/*Green 若葉色↓ */
/* background-color: #f4fffd;  */


/*Green 新緑↓ */
/*  background-color:#d1ffd8 */

/* blue 夏色↓ */
 background-color: #D7EEFF; 

/* orange 秋色 ↓ */
/*  background-color: #87ceeb; */

}
#column{
     padding-top: 1px;
     padding-left: 1px;
     padding-right: 1px;
     padding-bottom: 1px;
     width: 145px;
     overflow: auto;
     text-align: left;
     float: right;
     left: 750px;
}
#navi_sub p{
     text-align : left;
     padding-left : 10px;
     padding-right : 10px;
     padding-bottom : 3px;
     margin-top : 0px;
}
body{
     font-size : medium;
     text-align : center;
}
#cont h1{
     font-size: 150%;
     line-height:100%;
     color: white;
     background-color: navy;
     text-align: left;
     padding-top: 10px;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
}
#cont h2{
     font-size : xx-large;
     color : white;
     background-color : #1f87ef;
     text-align : left;
     padding-top : 10px;
     padding-left : 10px;
     padding-right : 10px;
     padding-bottom : 10px;
}
/* 旧バージョンの #cont h3 のCSS　2021/01/03 */
/* #cont h3{
     font-size: x-large;
     color: black;
     background-color:  aqua;
     text-align: left;
     padding-top: 3px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 3px;
}
*/

#cont h3{
     margin: 20px 0px 10px 0px;
     padding: 3px 10px;
     border-width:  1px 1px 1px  20px ;
     border-style: solid;
     border-color:#6495ed;
     font-size: 27px;
     font-weight: bold;
     color: #000000;
}
/* ↓　以前(2021/05/18)の cont h3 のCSS　↓　*/
  /* background-color:  aqua;
     */
  /* background-image:url("https://e-footprints.info/common/image/h3_aqua.jpg");
     background-size:35px 35px;
     background-repeat: no-repeat;
     font-size: x-large;
     color: black;
     text-decoration:underline;
     text-align: left;
     padding-top: 3px;
     padding-left: 40px;
     padding-right: 5px;
     padding-bottom: 3px;
}
*/
/* ↑　以前(2021/05/18)の cont h3 のCSS　↑　*/




#cont h4{
     font-size: xx-large;
     color: black;
     background-color: #dbdbdb;
     text-align: left;
     padding-top: 3px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 3px;
}
#cont h5{
     font-size: xx-large;
     color:  white;
     background-color:  olive;
     text-align: left;
     padding-top: 3px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 3px;
}
/* 2024/01/10までallt raceの見出しで使用
以後 h1 h2 h3 h6 を通常の見出しとして使用
#cont h6{
     font-size: xx-large;
     color:  #000000;
     background-color:  #ffa500;
     text-align: left;
     padding-top: 3px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 3px;
}
*/

#cont h6{
     margin: 20px 0px 10px 0px;
     padding: 3px 10px;
     border-width: 1px 0px 0px 5px;
     border-style: solid;
     border-color:#add8e6;
     font-size: 27px;
     font-weight: bold;
     color: #000000;
}
#cont img{
     padding-top : 0px;
     padding-left : 0px;
     padding-right : 0px;
     padding-bottom : 0px;
     float : left;
}
#counter{
     border-top-width: 1px;
     border-top-style: dotted;
     border-top-color: silver;
     width: 890px;
     height : 43px;
     text-align: right;
}
#blog_counter{
     border-top-width: 1px;
     border-top-style: dotted;
     border-top-color: silver;
     width: 890px;
     height : 43px;
     text-align: right;
}
#map_menu{
     font-size : medium;
     padding-top : 5px;
     padding-left : 2px;
     padding-right : 2px;
     padding-bottom : 3px;
     width : 140px;
     clear : left;
     overflow : visible;
     text-align : left;
}
#map_menu h1{
     font-size : large;
     color: white;
     background-color: #0fd0aa;
     text-align: center;
     padding-top: 3px;
     padding-left: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     font-size: x-large;
}
#map_menu h2{
     font-size : medium;
     color: white;
     background-color: #ff8c00;
     text-align: center;
     padding-top: 3px;
     padding-left: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
}
#map_menu h3{
     font-size : x-large;
     color: white;
     background-color: cyan;
     text-align: center;
     padding-top: 3px;
     padding-left: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
}
#map_menu h4{
     font-size : x-large;
     color: white;
     background-color: red;
     text-align: center;
     padding-top: 3px;
     padding-left: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
}
#footer{
     border-top-width: 1px;
     border-style: dotted none none;
     border-top-color: silver;
     height : 53px;
     width : 890px;
     clear: both;
     text-align: center;
     white-space: pre-wrap;
     padding-top: 7px;
     padding-left: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     font-size: small;
     color: #555555;
}
}
#navi_main li {
     position: relative;
     width: 20%;
     float: left;
     margin: 0;
     padding: 0;
     text-align: center;
}
#navi_main li ul{
     list-style: none;
     position: absolute;
     z-index: 100;
     top: 100%;
     left: 0;
     width: 100%;
     margin: 0;
     padding: 0;
}
#navi_main li ul li{
     overflow: hidden;
     width: 100%;
     height: 0;
     color: #fff;
     transition: .2s;
}
#navi_main li:hover > ul > li{
     overflow: visible;
     height: 30px;
}
#navi_toppage_link{
     background-color: #0fd0aa;
}
#adsense{
     background-color: #f4fffd;
     padding-top: 0px;
     padding-left: 0px;
     width: 900px;
     height: 0px;
     float: left;
     font-size: 100%;
     line-height: 180%;
     text-align: left;
     /* background-position: left top;
     */
	/* text-align: left;
     */
	/* padding-right: 2px;
     */
	/* padding-bottom: 0px;
     */
	overflow-y: none;
     overflow-x: none;
     color: #29bc8c;
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #ffffff;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: white;
}
#adsense02{
     background-color: #f4fffd;
     padding-top: 0px;
     padding-left: 0px;
     width: 750px;
     height: 10px;
     float: left;
     font-size: 100%;
     line-height: 180%;
     text-align: left;
     /* background-position: left top;
     */
	/* text-align: left;
     */
	/* padding-right: 2px;
     */
	/* padding-bottom: 0px;
     */
	overflow-y: none;
     overflow-x: none;
     color: #29bc8c;
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #ffffff;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: white;
}
#affiliate{
     background-color: #f4fffd;
     padding-top: 0px;
     padding-left: 0px;
     width: 900px;
     height: 0px;
     float: left;
     font-size: 100%;
     line-height: 180%;
     text-align: left;
     /* background-position: left top;
     */
	/* text-align: left;
     */
	/* padding-right: 2px;
     */
	/* padding-bottom: 0px;
     */
	overflow-y: auto;
     overflow-x: auto;
     color: #2bc694;
}
/*  ↓Amazon・楽天・楽天トラベル アフィリエイト CSS 20241113廃止  */
/* #affiliate02{
     background-color: #ffff00;
     padding-top: 0px;
     padding-left: 0px;
     width: 750px;
     height: 0px;
     float: left;
     font-size: 100%;
     line-height: 180%;
     text-align: left;
     /* background-position: left top;
     */
	/* text-align: left;
     */
	/* padding-right: 2px;
     */
	/* padding-bottom: 0px;
     */
	overflow-y: auto;
     overflow-x: auto;
     color: #2bc694;
}
*/
/*  ↑ Amazon・楽天・楽天トラベル アフィリエイト CSS 20241113廃止 */




/* ↓↓↓ ↓↓  shop css 20240623   ↓↓↓↓↓ */
/* ↓  ショップタイトル ↓ */
#shop_top_title{
     background-image : url(https://e-footprints.info/shop/image/trademark.jpg);
     /* font-size: 250%;
     */
 /*  line-height: 180%;
     */
 /*  text-align: left;
     */
  width: 900px;
     height: 105px;
     /*  float: left;
     */
 /*border-width: 1px;
     :*/
 /* border-color: silver;
     :*/
 /* table-layout: auto;
     :*/
 /* empty-cells: show;
     :*/
 /*clear: left;
     :*/
 /*position: relative;
     :*/
 /*left: 0px;
     :*/
 /*border-style: solid;
     */


 /* orange 秋色 ↓ */
 background-color: #ffefe0;
}
/* ↑  ショップタイトル ↑ */

#shop_cont{
     font-size: 140%;
     line-height: 220%;
     text-align: left;
     width: 750px;
     float: left;
     border-width: 1px;
     border-color: silver;
     table-layout: auto;
     empty-cells: show;
     clear: left;
     position: relative;
     left: 0px;
     border-style: solid;
     /* バックグランド色の設定*/

  /* ghostwhite　雪↓　*/
  /*background-color: #f8f8ff;
     */

  /* さくら色 ↓　*/
   background-color: #fff4ff;
     /* lavenderblush 桜 ↓　*/
  /* background-color: #fff0f5;
     */

  /*Green 若葉色↓ */
 /*  background-color: #f4fffd;
     */

  /*Green 新緑↓ */
  /* background-color:#d1ffd8*/

  /* blue 夏色↓ */
  /*  background-color: #D7EEFF;
     */

   /* orange 秋色 ↓ */
  /*  background-color: #ffefe0;
*/

}
#shop_cont h1{
     font-size: 140%;
     line-height:100%;
     color: navy;
     background-color: #ff8c00;
     text-align: left;
     padding-top: 15px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 10px;
}
#shop_cont h2{
     font-size: 140%;
     line-height:100%;
     color: navy;
     background-color: orange;
     text-align: left;
     padding-top: 15px;
     padding-left: 5px;
     padding-right: 3px;
     padding-bottom: 10px;
}
#shop_cont h3{
     margin: 20px 0px 10px 0px;
     padding: 3px 10px;
     border-width: 1px 1px 1px 20px;
     border-style: solid;
     border-color:#ff8c00;
     font-size: 24px;
     font-weight: bold;
     color: #000000;
}
#shop_navi_sub_top{
     width: 145px;
     clear: right;
     text-align: left;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow: visible;
     float: right;
     left: 750px;
     visibility: visible;
     border-width: 1px 0px;
     border-color: silver;
     border-style: solid;
}
#shop_navi_sub_top h1{
     color: white;
     background-color: #ff8c00;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     text-align: center;
     font-size: X-large;
}
/* ↑↑↑↑↑  shop css  ↑↑↑↑↑ */

/* #adsense_1_3{
     background-color: transparent;
     padding-top: 0px;
     padding-left: 0px;
     width: 750px;
     height: 150px;
} */

/* multiplex01_horizontal    */
/* 2行4列 クリーム色背景 */
#multiplex01_horizontal{
     padding-top: 0px;
     padding-left: 0px;
     width: 750px;
     height: auto;
}
/* google adsense multiplex01_horizontal */
#g_adsense01{
     padding-top: 0px;
     padding-left: 0px;
     width: 750px;
     height: auto;
}

/*  20241113 melancomic_shopのCSS */
/*  #melancomic_ad_a{
      font-family:"MS 明朝";
     width: 670px;
     height: auto;
     background:linear-gradient(90deg, rgb(03, 05, 47), rgb(03, 05, 47), rgb(109, 116, 245),rgb(109, 116, 245));
     border-width: 0px;
     border-color: silver;
     padding-top: 15px;
     padding-bottom: 10px;
     padding-left: 20px;
     padding-right: 20px;
     margin-left:20px;
     border-radius: 20px;/*角の丸み*/  */
}


/*  20241119 melancomic_shop01広告01のCSS */
#hiroki_ad_A{
     /*  グラデーション  background:linear-gradient(180deg, rgb(22, 95, 203), rgb(255, 215, 0));
     */
  background-color: #00cc99;
     padding-top: 0px;
     padding-left: 0px;
     width: 750px;
     height: 0px;
     /*  float: right;
     */
  padding-right: 0px;
     border-width: 0px;
     border-color: silver;
     padding-bottom: 0px;
}
#exDialog1{
     /*  20241119 melancomic_shop01広告01のダイアログのCSS */
/* 参考URL https://plus1jp.com/2021/07/14/inset/  */
  position: fixed;
     /*  inset: 0;  */
 margin: auto;
     /* inset: 100px; */ 
/* すべての辺に適用される値 */
/* inset: 8px 16px; */
/* 上/下 左/右 */
/* inset: 5px 15px 10px;   */
/* 上 左/右 下 */
/* inset: 10em 10em 10em 10em;  */ 
/* 上 右 下 左 */

 width: 730px;
 height:370px;
 padding: 8px;


/* background: linear-gradient(0deg, darkviolet, midnightblue); */
/* background-color: #8a2be2; */

  border-width : 0px;
     /*  border-color : #b0c4d2;  */
 border-color : #ffdbed;
 border-radius: 30px 30px 30px 30px;
     /*  display:flex;*/
/*  justify-content: center;*/
/*  align-items:center */
}



#melancomic_shop_dialog01{

     }

#ad_malti{
     width: 750px;
     height: 200px;
     background-color: #ffff00;
}
@keyframes smooth-fadein-out {
     0% {
     opacity: 0;
}
100% {
     opacity: 1;
}
}
.fadeIn{
     animation-name:fadeInAnime;
     animation-duration:15s;
     animation-fill-mode:forwards;
     opacity:0;
}
@keyframes fadeInAnime{
     from {
     opacity: 0;
}
to {
     opacity: 1;
}
}
/* 下からせり上がるような表示 */

.fadeUp{
     animation-name:fadeUpAnime;
     animation-duration:0.5s;
     animation-fill-mode:forwards;
     opacity:0;
}
@keyframes fadeUpAnime{
     from {
     opacity: 0;
     transform: translateY(100px);
}
to {
     opacity: 1;
     transform: translateY(0);
}
}
/* 上から降りてくるような表示 */

.fadeDown{
     animation-name:fadeDownAnime;
     animation-duration:0.5s;
     animation-fill-mode:forwards;
     opacity:0;
}
@keyframes fadeDownAnime{
     from {
     opacity: 0;
     transform: translateY(-100px);
}
to {
     opacity: 1;
     transform: translateY(0);
}
}
/* 左から入って来るような表示 */

.fadeLeft{
     animation-name:fadeLeftAnime;
     animation-duration:5s;
     animation-fill-mode:forwards;
     opacity:0;
}
@keyframes fadeLeftAnime{
     from {
     opacity: 0;
     transform: translateX(-100px);
}
to {
     opacity: 1;
     transform: translateX(0);
}
}
/* ------ 右から入る様なアニメーション ------*/

.fadeRight{
     animation-name:fadeRightAnime;
     /* ↓無限に繰り返す処理 */
animation-iteration-count:infinite;
     /* ↑無限に繰り返す処理 */
animation-duration:11s;
     animation-fill-mode:forwards;
     animation-delay: 0s;
     opacity:0;
}
@keyframes fadeRightAnime{
     from {
     opacity: 0;
     transform: translateX(350px);
}
to {
     opacity: 1;
     transform: translateX(0);
}
}
/*----- アニメーションの開始を遅らせるCSS -----------*/
/*-----参考  https://coco-factory.jp/ugokuweb/css02/ -----*/

.delay-time00{
     animation-delay: 0s;
}
.delay-time05{
     animation-delay: 0.5s;
}
.delay-time10{
     animation-delay: 1s;
}
.delay-time15{
     animation-delay: 1.5s;
}
.delay-time20{
     animation-delay: 2s;
}
.delay-time25{
     animation-delay: 2.5s;
}
.delay-time30{
     animation-delay: 3s;
}
.delay-time35{
     animation-delay: 3.5s;
}
.delay-time40{
     animation-delay: 4s;
}
/*========= 上記の画像を動かす為のクラスセレクターに対するレイアウトのためのCSS
この属性はAd(広告)の為には使用していない　=========*/

p{
     margin:0px 0;
}
.flex{
     display:flex;
     flex-wrap: wrap;
}
.box{
     width: 170px;
     padding: 0px;
     margin:0px 0px 0px 0px;
     background: #fff;
     color: #fff;
}
/* -------------------------------------------------------------------
画像を同じ位置で自動で切り替えるCSS
　参考：https://1-notes.com/css-replace-images-automatically-animation/　
----------------------------------------------------------------------　*/

.container{
     position: absolute;
     width: 72px;
     max-width: 100%;
     height: 100px;
     top: 145px;
     left: 40px;
     bottom: 0px;
     right: 0px;
}
.image{
     position: absolute;
     width: 100%;
     opacity: 0;
     animation: change-img-anim 6s infinite;
}
.image:nth-of-type(1) {
     animation-delay: 0s;
}
.image:nth-of-type(2) {
     animation-delay: 2s;
}
.image:nth-of-type(3) {
     animation-delay: 4s;
}
.image:nth-of-type(4) {
     animation-delay: 15s;
}
.image:nth-of-type(5) {
     animation-delay: 20s;
}
@keyframes change-img-anim {
     0%{
     opacity: 1;
}
15%{
     opacity: 1;
}
25%{
     opacity: 0;
}
30%{
     opacity: 0;
}
100%{
     opacity: 0;
}
}
/* ==========================================================
　インラインフレーム内のコンテンツを中央に寄せる
自作広告　ad　を中央に寄せる為のクラスセレクター
参考：https://qumeru.com/magazine/126
=============================================================　*/

.wrap{
     text-align: center;
}
.ad{
     max-width: 90%;
}
/* ==========================================================
hiroki_ad_AのID  カルーセルの背景色の設定
=============================================================　*/
/* #hiroki_ad_A{
     background-image: linear-gradient(180deg, rgba(0, 255, 51, 1) 0%, rgba(204, 255, 204, 1));
     background-repeat: repeat;
     background-attachment: scroll;
     background-position: 50% 0%;
     background-size: auto auto;
     background-origin: padding-box;
     background-clip: border-box;
}
*/

.ex1{
     line-height:140%;
}
/* =======================================================
↓画像・文字の点滅  参考：https://www.will-hp.com/wpblog/webcont/72/
========================================================= */
.blinking{
     -webkit-animation:blink 0s ease-in-out infinite alternate;
     -moz-animation:blink 0s ease-in-out infinite alternate;
     animation:blink 1s ease-in-out infinite alternate;
}
/*  ↓2024/10/11 広告のエリア(DIV)を横に並べるCSS */
.field {
     display: flex;
     justify-content: space-around;
}
/*  ↑広告のエリア(DIV)を横に並べるCSS */



@-webkit-keyframes blink{
     0% {
     opacity:0;
}
100% {
     opacity:1;
}
}
@-moz-keyframes blink{
     0% {
     opacity:0;
}
100% {
     opacity:1;
}
}
@keyframes blink{
     0% {
     opacity:0;
}
100% {
     opacity:1;
}
}
/* =======================================================
↑画像・文字の点滅
========================================================= */
}